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>