📄 13.5.htm
字号:
<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 + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -