📄 body.html

📁 《JavaScript网页开发体验式学习教程》的源代码

💻 HTML

字号:

<!--script language="javascript" name=script1>
	function createA()
	{
		var oa = document.createElement("A");
		oa.href = "http://www.it315.org";
		oa.innerHTML = "<I>IT资讯交流网</I>";
		document.body.appendChild(oa);
	}
</script>
<body onload="createA()">
下面的超链接是动态产生的<br>
<a href = "http://www.it315.org">IT资讯交流网</a>
</body-->
<!--第一段-->
<P id=p1 onmouseover="this.innerText='<I>innerText与innerHTML之区别</I>'"
    onmouseout="this.innerHTML='<I>innerText与innerHTML之区别</I>'">
    innerText与innerHTML之区别
</P>
<!--第二段-->
<div id=div1 
onmouseover="p2.outerHTML='<p id=p2><I>outerText与outerHTML之区别</I></p>'" 
onmouseout="p2.outerText='<p id=p2><I>outerText与outerHTML之区别</I></p>'">
outerText与outerHTML之区别
</div>
<p id=p2>outerText与outerHTML之区别</p>

<!--第三段-->
<p id=p3><I>abc</I></p>
<input type=button value="innerText" onclick="alert(p3.innerText)">
<input type=button value="innerHTML" onclick="alert(p3.innerHTML)">
<input type=button value="outerText" onclick="alert(p3.outerText)">
<input type=button value="outerHTML" onclick="alert(p3.outerHTML)">

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -