13.5.htm

来自「这是我卖的书上的源码 这书是电子邮电出版的是有关网络编程 有详细的例子」· HTM 代码 · 共 31 行

HTM
31
字号
<html>
<head>
<script language="JavaScript">
<!--
function display() {           //函数:显示内容
  var titleTextNode = document.getElementById('titleBar').firstChild; //定义结点
  var title = titleTextNode.nodeValue;        //定义结点内容
  alert(title);                              //显示输出
}
function change() {         //函数:修改内容
  //定义结点
var newTextNode = 
document.createTextNode('这是用W3C文档对象模型方法改变后的标题');
  var titleNode = document.getElementById('titleBar');   //定义结点内容
  var titleTextNode = document.getElementById('titleBar').firstChild;
  titleNode.replaceChild(newTextNode,titleTextNode);  //替换
}
//-->
</script>
</head>
<body>
<h1 id="titleBar">这是一个测试标题</h1>
<div style="margin-top:10px;">
  <!--通过onclick调用display()函数显示网页内容-->  
<input type="button" value="显示"  onclick="display();">
  <!--通过onclick调用change ()函数改变网页内容-->
  <input type="button" value="修改" onclick="change()">
</div>
</body>
</html>

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?