js 에서 innerHTML 용법

2509 단어 innerHTML
  :

<div id="test">
   <span style="color:red">test1</span> test2
</div>

 JS     :

test.innerHTML:

                       ,  Html  。

      test.innerHTML     “<span style="color:red">test1</span> test2 ”。

test.innerText: 

               ,     Html   

      text.innerTest     “test1 test2”,   span     。

test.outerHTML:

      innerHTML      ,          。

      text.outerHTML     <div id="test"><span style="color:red">test1</span> test2</div>


    :

<div id="test">
   <span style="color:red">test1</span> test2
</div>

<a href="javascript:alert(test.innerHTML)">innerHTML  </a>
<a href="javascript:alert(test.innerText)">inerHTML  </a>
<a href="javascript:alert(test.outerHTML)">outerHTML  </a>

    :

  innerHTML   W3C     , innerText    IE   ,  ,       innerHTML,   innerText,       HTML     ,    innerHTML    HTML      ,         HTML  ,          W3C     :

<a href="javascript:alert(document.getElementByIdx_xx_x('test').innerHTML.replace(/<.+?>/gim,''))"> HTML,  W3C  </a>

-------------------------------------------------------------------------------------------------------------------------------

<html>
<head></head>
<frameset frameborder="yes" frameborder="1" rows="40%,*">
<frame name="top" src="1.html">
<frame name="bottom" src="2.html">
</frameset>
</html>

<html>
<head>
<script language="javascript">
function init()
{   
    var aaa = parent.window.frames[0].document.body.innerHTML;
    alert(aaa);
}
</script>
</head>
<body>
<p align="center">nothing</p>
<p align="center"><input type="button" onclick="init()"; value="click"></p>
</body>
</html>

<html>
<center>      </center>
</html>

좋은 웹페이지 즐겨찾기