아래와 같이 구성된 것에서  id가 "chatbot"인 element를 찾아서 height를 400에서 1000으로 변경하고 싶다. 어떻게 해야할까? 그리고 페이지가 로드되고 document.getElementById("chatbot")을 하면 찾지 못한다. 아마 이유가 이 페이지가 클릭을 해야 활성화 되는 것으로 보인다. 즉, 처음에는 페이지가 온전히 로드 되지 않았다가 화면에 클릭을 하면 아래의 페이지가 뜨는 구조 같다. 이 경우 document.getElementById("chatbot")으로 id가 chatbot인 element를 찾지 못하는가?

<body style="width: 100%; margin: 0px; padding: 0px; display: flex; flex-direction: column; flex-grow: 1; --chatbot-body-text-size: 16px;">
		<gradio-app control_page_title="true" embed="false" eager="true" style="display: flex; flex-direction: column; flex-grow: 1; background: var(--body-background-fill);">
		<div class="gradio-container gradio-container-4-44-0 svelte-wpkpf6 app" data-iframe-height="" style="min-height: initial; flex-grow: 1;"><div class="main svelte-wpkpf6">  <div class="wrap svelte-1rjryqp" style="min-height: 100%;"><div class="contain svelte-1rjryqp" style="flex-grow: 1;"><div id="component-0" class="svelte-vt1mxs gap" style="min-width: min(0px, 100%);"> <div id="component-1" class="block svelte-12cmxck padded hide-container" style="border-style: solid; overflow: visible; min-width: min(0px, 100%); border-width: var(--block-border-width);"> <div class="wrap center full svelte-au1olv hide" style="position: absolute; padding: 0px;"></div> <div class="svelte-uqf9ro"><div class="prose  svelte-1ybaih5"><h1 align="center">OpenAI-O1-Preview: Research Preview (Short-Term Availability)</h1></div></div></div><div id="component-2" class="block svelte-12cmxck padded hide-container" style="border-style: solid; overflow: visible; min-width: min(0px, 100%); border-width: var(--block-border-width);"> <div class="wrap center full svelte-au1olv hide" style="position: absolute; padding: 0px;"></div> <div class="svelte-uqf9ro"><div class="prose  svelte-1ybaih5"><h3 align="center" style="color: red;">If this app doesn't respond, consider trying our O1-mini app:<br><a href="https://huggingface.co/spaces/yuntian-deng/o1mini" target="_blank">https://huggingface.co/spaces/yuntian-deng/o1mini</a></h3></div></div></div><div id="col_container" class="svelte-vt1mxs gap" style="flex-grow: 1; min-width: min(320px, 100%);"> <div id="chatbot" class="block  svelte-12cmxck" style="height: 400px; border-style: solid; overflow: hidden; min-width: min(160px, 100%); border-width: var(--block-border-width);"> <div class="wrapper svelte-nab2ao"><label for="" data-testid="block-label" class="svelte-1b6s6s float"><span class="svelte-1b6s6s"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--carbon" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 32 32"><path fill="currentColor" d="M17.74 30L16 29l4-7h6a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h9v2H6a4 4 0 0 1-4-4V8a4 4 0 0 1 4-4h20a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4h-4.84Z"></path><path fill="currentColor" d="M8 10h16v2H8zm0 6h10v2H8z"></path></svg></span> Chatbot</label>   <div class="bubble-wrap svelte-1e1jlin placeholder-container" role="log" aria-label="chatbot conversation" aria-live="polite"><div class="message-wrap svelte-1e1jlin"></div></div></div></div><div class="form svelte-sfqy0y" style="flex-grow: 0; min-width: min(0px, 100%);"><div id="component-5" class="block svelte-12cmxck padded" style="border-style: solid; overflow: hidden; min-width: min(160px, 100%); border-width: var(--block-border-width);"> <label class="svelte-1f354aw container"><span data-testid="block-info" class="svelte-1gfkn6j">Type an input and press Enter</span>   <textarea data-testid="textbox" class="scroll-hide svelte-1f354aw" dir="ltr" placeholder="Hi there!" rows="1" style="overflow-y: scroll; height: 42px;"></textarea></label></div></div><div id="component-7" class="svelte-sa48pu stretch"> <div id="component-8" class="svelte-vt1mxs gap" style="flex-grow: 7; min-width: min(320px, 100%);"> <button class="lg secondary  svelte-cmf5ev" id="component-9"> Run</button></div><div id="component-10" class="svelte-vt1mxs gap" style="flex-grow: 3; min-width: min(320px, 100%);"> <div class="form svelte-sfqy0y" style="flex-grow: 0; min-width: min(0px, 100%);"><div id="component-11" class="block svelte-12cmxck padded" style="border-style: solid; overflow: hidden; min-width: min(160px, 100%); border-width: var(--block-border-width);"> <label class="svelte-1f354aw container"><span data-testid="block-info" class="svelte-1gfkn6j">Status code from OpenAI server</span>   <textarea data-testid="textbox" class="scroll-hide svelte-1f354aw" dir="ltr" placeholder="" rows="1" disabled="" style="overflow-y: scroll; height: 42px;"></textarea></label></div></div></div></div><div id="component-13" class="block svelte-12cmxck padded" style="border-style: solid; overflow: visible; min-width: min(0px, 100%); border-width: var(--block-border-width);"><div class="wrap default full svelte-au1olv hide" style="position: absolute; padding: 0px;"></div> <button class="label-wrap svelte-1w6vloh"><span class="svelte-1w6vloh">Parameters</span> <span class="icon svelte-1w6vloh" style="transform: rotate(90deg);">▼</span></button> <div style="display: none;"><div id="" class="svelte-vt1mxs gap" style="min-width: min(0px, 100%);"> <div class="form svelte-sfqy0y" style="flex-grow: 0; min-width: min(0px, 100%);"><div id="component-14" class="block svelte-12cmxck padded" style="border-style: solid; overflow: visible; min-width: min(160px, 100%); border-width: var(--block-border-width);"><div class="wrap default full svelte-au1olv hide" style="position: absolute; padding: 0px;"></div> <div class="wrap svelte-pc1gm4"><div class="head svelte-pc1gm4"><label for="range_id_0"><span data-testid="block-info" class="svelte-1gfkn6j">Top-p (nucleus sampling)</span> </label> <input aria-label="number input for Top-p (nucleus sampling)" data-testid="number-input" type="number" min="0" max="1" step="0.05" class="svelte-pc1gm4"></div></div> <input type="range" id="range_id_0" name="cowbell" min="0" max="1" step="0.05" aria-label="range slider for Top-p (nucleus sampling)" class="svelte-pc1gm4" style="background-size: 100% 100%;"></div><div id="component-15" class="block svelte-12cmxck padded" style="border-style: solid; overflow: visible; min-width: min(160px, 100%); border-width: var(--block-border-width);"><div class="wrap default full svelte-au1olv hide" style="position: absolute; padding: 0px;"></div> <div class="wrap svelte-pc1gm4"><div class="head svelte-pc1gm4"><label for="range_id_1"><span data-testid="block-info" class="svelte-1gfkn6j">Temperature</span> </label> <input aria-label="number input for Temperature" data-testid="number-input" type="number" min="0" max="5" step="0.1" class="svelte-pc1gm4"></div></div> <input type="range" id="range_id_1" name="cowbell" min="0" max="5" step="0.1" aria-label="range slider for Temperature" class="svelte-pc1gm4" style="background-size: 20% 100%;"></div><div id="component-16" class="block svelte-12cmxck hidden padded" style="border-style: solid; overflow: hidden; min-width: min(160px, 100%); border-width: var(--block-border-width);"><div class="wrap default full svelte-au1olv hide" style="position: absolute; padding: 0px;"></div> <label class="block svelte-pjtc3 container"><span data-testid="block-info" class="svelte-1gfkn6j">Number</span>  <input aria-label="Number" type="number" step="1" class="svelte-pjtc3"></label></div></div></div></div></div></div><div id="user_consent_container" class="svelte-vt1mxs gap hide" style="flex-grow: 1; min-width: min(320px, 100%);"> <div class="form svelte-sfqy0y hidden" style="flex-grow: 0; min-width: min(0px, 100%);"><div id="component-20" class="block svelte-12cmxck hidden padded" style="border-style: solid; overflow: visible; min-width: min(160px, 100%); border-width: var(--block-border-width);"><div class="wrap default full svelte-au1olv hide" style="position: absolute; padding: 0px;"></div>  <label class="svelte-3pzdsv disabled"><input disabled="" type="checkbox" name="test" data-testid="checkbox" class="svelte-3pzdsv"> <span class="ml-2 svelte-3pzdsv">Checkbox</span></label></div></div><div id="component-21" class="block svelte-12cmxck padded" style="border-style: solid; overflow: visible; min-width: min(0px, 100%); border-width: var(--block-border-width);"><div class="wrap default full svelte-au1olv hide" style="position: absolute; padding: 0px;"></div> <button class="label-wrap svelte-1w6vloh open"><span class="svelte-1w6vloh">User Consent for Data Collection, Use, and Sharing</span> <span class="icon svelte-1w6vloh" style="transform: rotate(0deg);">▼</span></button> <div style="display: block;"><div id="" class="svelte-vt1mxs gap" style="min-width: min(0px, 100%);"> <div id="component-22" class="block svelte-12cmxck padded hide-container" style="border-style: solid; overflow: visible; min-width: min(0px, 100%); border-width: var(--block-border-width);"> <div class="wrap center full svelte-au1olv hide" style="position: absolute; padding: 0px;"></div> <div class="svelte-uqf9ro"><div class="prose  svelte-1ybaih5">
            <div>
                <p>By using our app, which is powered by OpenAI's API, you acknowledge and agree to the following terms regarding the data you provide:</p>
                <ol>
                    <li><strong>Collection:</strong> We may collect information, including the inputs you type into our app, the outputs generated by OpenAI's API, and certain technical details about your device and connection (such as browser type, operating system, and IP address) provided by your device's request headers.</li>
                    <li><strong>Use:</strong> We may use the collected data for research purposes, to improve our services, and to develop new products or services, including commercial applications, and for security purposes, such as protecting against unauthorized access and attacks.</li>
                    <li><strong>Sharing and Publication:</strong> Your data, including the technical details collected from your device's request headers, may be published, shared with third parties, or used for analysis and reporting purposes.</li>
                    <li><strong>Data Retention:</strong> We may retain your data, including the technical details collected from your device's request headers, for as long as necessary.</li>
                </ol>
                <p>By continuing to use our app, you provide your explicit consent to the collection, use, and potential sharing of your data as described above. If you do not agree with our data collection, use, and sharing practices, please do not use our app.</p>
            </div>
            </div></div></div><button class="lg secondary  svelte-cmf5ev" id="component-23"> I Agree</button></div></div></div></div></div></div> <footer class="svelte-1rjryqp"><button class="show-api svelte-1rjryqp">Use via API <img src="data:image/svg+xml,%3csvg%20width='28'%20height='28'%20viewBox='0%200%2028%2028'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M26.9425%202.94265C27.4632%202.42195%2027.4632%201.57773%2026.9425%201.05703C26.4218%200.536329%2025.5776%200.536329%2025.0569%201.05703L22.5713%203.54256C21.1213%202.59333%2019.5367%202.43378%2018.1753%202.64006C16.5495%202.88638%2015.1127%203.66838%2014.3905%204.39053L12.3905%206.39053C12.1405%206.64058%2012%206.97972%2012%207.33334C12%207.68697%2012.1405%208.0261%2012.3905%208.27615L19.7239%2015.6095C20.2446%2016.1302%2021.0888%2016.1302%2021.6095%2015.6095L23.6095%2013.6095C24.3316%2012.8873%2025.1136%2011.4505%2025.36%209.82475C25.5663%208.46312%2025.4066%206.87827%2024.4571%205.42807L26.9425%202.94265Z'%20fill='%233c4555'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12.276%2012.9426C12.7967%2012.4219%2012.7967%2011.5777%2012.276%2011.057C11.7553%2010.5363%2010.9111%2010.5363%2010.3904%2011.057L8.66651%2012.7809L8.27615%2012.3905C8.0261%2012.1405%207.68697%2012%207.33334%2012C6.97972%2012%206.64058%2012.1405%206.39053%2012.3905L4.39053%2014.3905C3.66838%2015.1127%202.88638%2016.5495%202.64006%2018.1753C2.43377%2019.5367%202.59333%2021.1214%203.54262%2022.5714L1.05703%2025.057C0.536329%2025.5777%200.536329%2026.4219%201.05703%2026.9426C1.57773%2027.4633%202.42195%2027.4633%202.94265%2026.9426L5.42817%2024.4571C6.87835%2025.4066%208.46315%2025.5663%209.82475%2025.36C11.4505%2025.1136%2012.8873%2024.3316%2013.6095%2023.6095L15.6095%2021.6095C16.1302%2021.0888%2016.1302%2020.2446%2015.6095%2019.7239L15.2188%2019.3332L16.9426%2017.6093C17.4633%2017.0886%2017.4633%2016.2444%2016.9426%2015.7237C16.4219%2015.203%2015.5777%2015.203%2015.057%2015.7237L13.3332%2017.4475L10.5521%2014.6665L12.276%2012.9426Z'%20fill='%23FF7C00'/%3e%3c/svg%3e" alt="logo" class="svelte-1rjryqp"></button> <div class="svelte-1rjryqp">·</div> <a href="https://gradio.app" class="built-with svelte-1rjryqp" target="_blank" rel="noreferrer">gradio로 제작되었습니다 <img src="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='576'%20height='576'%20viewBox='0%200%20576%20576'%20fill='none'%3e%3cpath%20d='M287.5%20229L86%20344.5L287.5%20460L489%20344.5L287.5%20229Z'%20stroke='url(%23paint0_linear_102_7)'%20stroke-width='59'%20stroke-linejoin='round'/%3e%3cpath%20d='M287.5%20116L86%20231.5L287.5%20347L489%20231.5L287.5%20116Z'%20stroke='url(%23paint1_linear_102_7)'%20stroke-width='59'%20stroke-linejoin='round'/%3e%3cpath%20d='M86%20344L288%20229'%20stroke='url(%23paint2_linear_102_7)'%20stroke-width='59'%20stroke-linejoin='bevel'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_102_7'%20x1='60'%20y1='341'%20x2='429.5'%20y2='344'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23F9D100'/%3e%3cstop%20offset='1'%20stop-color='%23F97700'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint1_linear_102_7'%20x1='513.5'%20y1='231'%20x2='143.5'%20y2='231'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23F9D100'/%3e%3cstop%20offset='1'%20stop-color='%23F97700'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint2_linear_102_7'%20x1='60'%20y1='344'%20x2='428.987'%20y2='341.811'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23F9D100'/%3e%3cstop%20offset='1'%20stop-color='%23F97700'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e" alt="logo" class="svelte-1rjryqp"></a></footer></div>   <div class="toast-wrap svelte-pu0yf1"></div></div> </div></gradio-app>
		<script>
			const ce = document.getElementsByTagName("gradio-app");

			if (ce[0]) {
				ce[0].addEventListener("domchange", () => {
					document.body.style.padding = "0";
				});
				document.body.style.padding = "0";
			}
		</script>
	
<div style="clear: both; display: block; height: 0px;"></div></body>