JavaScript 에서 요 소 를 가 져 오 는 방법
4358 단어 JavaScript
주: 속성의 조작 은 속성의 읽 기와 쓰 기 를 포함한다.속성 을 조작 하 는 방법 1. "." 조작 2. "[]" 조작 속성의 표기 법 1. html 의 속성 은 js 안의 속성 표기 법 과 같 습 니 다. 2. "class" 속성 은 "className" 3, "style" 속성 안의 속성 으로 쓰 고 가로 줄 이 있 는 것 은 낙타 봉 식 으로 바 꿉 니 다. 예 를 들 어 "font - size" 를 통 해 "style. font Size" 로 바 꿉 니 다. "조작 속성:" [] "를 통 해"작업 속성:
window.onload=function(){
var div=document.getElementById('div1');
// alert(div);// [object HTMLDivElement]
div.style.width=200+'px';
div.style.height=200+'px';
div.style.background='red';
// div.style.border='5px dashed black';//
div.style.borderWidth=5+'px';
div.style.borderColor='red';
div.style.borderStyle='dashed';
// div (innerHTML innerTEXT)
var divContent=div.innerHTML;// ( HTML )
alert(divContent);// Hello JavaScript<p> </p>
// var divContent=div.innerText;//
// alert(divContent);
}
Hello JavaScript
(2): 자 바스 크 립 트 를 페이지 맨 아래 에 놓 기 (body 에 쓰기)
<div class="div1" id="div1">Hello JavaScript<p> </p></div>
<script type="text/javascript">
window.onload=function(){
var div=document.getElementById('div1');
// alert(div); : [object HTMLDIVElement]
div.style.width=200+'px';
div.style.height=200+'px';
div.style.background='red';
// div.style.border='10px dashed black';
div.style.borderColor='black';
div.style.borderWidth=10+'px';
div.style.borderStyle='dashed';
// div
// innerHTML: ( html )
var divContent =div.innerHTML;
// innerText:
var divContent=div.innerText;
// alert(divContent);
// var divWidth=div.innerWidth;
// alert(divWidth);
div.innerHTML='<a href="#"> </a> '
// }
</script>
</code></pre>
<p><strong>2. getElementsByclassName() class <br/> getElementsByClassName() , </strong></p>
<pre><code>
<meta charset="UTF-8"/>
<title/>
<script type="text/javascript">
window.onload=function(){
// div
var div=document.getElementsByClassName('div1')[1];
// alert(div);
div.style.width=200+'px';
div.style.height=200+'px';
div.style.background='red';
}
</script>
<div class="div1"/>
<div class="div1"/>
</code></pre>
<p><strong>3. getElementsByTagname(): ( , * ) </strong></p>
<pre><code>
<div id="div1"> <p> </p></div>
<div id="div1"> <p> </p></div>
<div id="div1"> <p> </p></div>
<script type="text/javascript">
var div=document.getElementsByTagName('*').innerHTML;
alert(div1);
</script>
</code></pre>
<p><strong>innerHTML innerText :</strong></p>
<p><strong> :innerHTML innerText 。<br/> :(1)innerHTML: , Html 。<br/> (2)innerText: , Html </strong></p>
<p><strong>innerHTML W3C , innerText IE , , innerHTML,</strong><br/> </p>
</div>
</div>
</div>
</div>
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
기초 정리 - 1문자 (String) 숫자 (Number) 불린 (Boolean) null undefined 심볼 (Symbol) 큰정수 (BigInt) 따옴표로 묶어 있어야 함 Not-A-Number - 숫자 데이터 / 숫자로 표...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.