javascript html 요 소 를 가 져 오 는 몇 가지 방법
4433 단어 Javascript
<div id="mydiv" style="border:1px solid red"> div, id mydiv</div>
<script>
var x=document.getElementById("mydiv").innerHTML;
document.write(x+"( javascript )");
</script>
</code></pre>
<br/> 2. class html
<p> 1) </p>
<pre><code>
<meta charset="UTF-8"/>
<title/>
<p style="border:1px solid red" class="aaa"> p, aaa</p>
<span style="border:1px solid red" class="aaa"> span, aaa</span>
<script>
function getByClass(iclass){ //
var Result=[];//
var allElement=document.getElementsByTagName("*"); //
// , , Result
for(var i=0;i<allElement.length;i++){
if(allElement[i].className==iclass){
Result.push(allElement[i]);
}
}
return Result; //
}
//
window.οnlοad=function(){
var arr= getByClass("aaa");
//
for(var i=0;i<arr.length;i++){
document.write(arr[i].innerHTML+"( javascript )<br>");
}
}
</script>
</code></pre> 2) ( class="aaa bb")
<p> ① </p>
<pre><code>
<meta charset="UTF-8"/>
<title/>
<p style="border:1px solid red" class="aaa bb c"> p, aaa bb c</p>
<span style="border:1px solid red" class="bb c"> span, c</span>
<script>
function getByClass(iclass){ //
var Result=[];//
var allElement=document.getElementsByTagName("*"); //
// , , Result
//
var re=new RegExp("\\b"+iclass+"\\b","g");
for(var i=0;i<allElement.length;i++){
// search
if(allElement[i].className.search(re)!=-1){
Result.push(allElement[i]);
}
}
return Result; //
}
//
window.οnlοad=function(){
var arr= getByClass("bb");
//
for(var i=0;i<arr.length;i++){
document.write(arr[i].innerHTML+"( javascript )<br>");
}
}
</script>
</code></pre> ② --
<pre><code>
<meta charset="UTF-8"/>
<title/>
<p style="border:1px solid red" class="aaa bb c"> p, aaa bb c</p>
<span style="border:1px solid red" class="bb c"> span, bb c</span>
<script>
function getByClass(iclass){ //
var Result=[];//
var allElement=document.getElementsByTagName("*"); //
// , , , , Result
for(var i=0;i<allElement.length;i++){
var arr=allElement[i].className.split(/\s+/); //
for(var j=0;j<arr.length;j++){
if(arr[j]==iclass){
Result.push(allElement[i]);
}
}
}
return Result; //
}
//
window.οnlοad=function(){
var arr= getByClass("bb");
//
for(var i=0;i<arr.length;i++){
document.write(arr[i].innerHTML+"( javascript )<br>");
}
}
</script>
</code></pre>
<br/> 3. html
<pre><code>
<meta charset="UTF-8"/>
<title/>
<p style="border:1px solid red"> p1 </p>
<p style="border:1px solid red"> p2 </p>
<script>
var arr=document.getElementsByTagName("p");
for(var i=0;i<=arr.length+1;i++){
document.write(" "+(i+1)+" :"+arr[i].innerHTML+"<br>");
}
</script>
</code></pre>
<br/>
<br/>
</div>
</div>
</div>
</div>
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Javascript에서 Math.max와 Math.max.apply의 차이점과 용법 상세 설명최근에 작은 사례를 만들 때 Math를 만났어요.max.apply라는 용법은 이전에 보기 드물게 재미있게 느껴졌으니 기록해 보세요. 1Math.max 문법:Math.max(n1,n2,n3,...,nX)반환값:max(...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.