innerHTML和innerText的用法(动态改变网页内容)
来源:互联网 发布:找车位的软件 编辑:程序博客网 时间:2024/05/19 06:18
最近在学习JavaScript,觉得innerHTML和innerText太有用了,利用它们,我们可以试自己的网页实现动态化。不过在使用的过程中,千万要注意它们的大小写,因为错一点您就得不到预期的效果了。这是全新的方法,当您掌握它以后将可随心所欲的设计动态内容了,不可错过哦!
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head>
<meta http-equiv="Content-Type content="text/html;charset=UTF-8">
<title>innerText和innerHTML用法实例</title>
<script language="JavaScript" type="text/javascript">
function changeText() {
DT.innerText="我很好!";
}//function
function changeHtml() {
DH.innerHTML="<i><u>我姓肖!</u></i>";
}//function
function back() {
DT.innerText="您好吗?";
DH.innerHTML="您姓什么?";
}
</script>
</head>
<body>
<p><font color="gray">请点击下边的文字……</font>
<ul>
<li id="DT" onclick="changeText()">您好吗? </li>
<li id="DH" onclick="changeHtml()">您姓什么? </li>
<li onclick="back()">恢复原样! </li>
</ul>
</body>
</html>
0 0
- innerHTML和innerText的用法(动态改变网页内容)
- innerHTML和innerText的用法(动态改变网页内容)
- innerHTML和innerText的用法(动态改变网页内容)
- innerHtml和innerText的用法
- innerHtml和innerText的用法
- innerhtml和innertext用法以及innerHTML与innertext的区别
- innerHtml 和 innerText用法
- js:利用文档就绪函数动态改变页面内容(innerHTML、innerText)
- innerText和innerHTML的区别和用法
- innerText,innerHTML的用法
- innerText,innerHTML的用法
- innerText,innerHTML的用法
- innerText,innerHTML的用法
- outerHTML、innerHTML和innerTEXT的用法
- innerhtml用法 innertext用法 以及innerHTML与innertext的区别
- innerHTML outerHTML innerText和outerText的区别和用法
- innerHTML,outerHTML,innerText,outerText的区别和用法(转载)
- js中innerHTML,innerText,outerHTML的用法和区别
- 题目
- diff
- 静态代码检查工具PC-Lint(一)
- 在我程序员生涯里,我学到了不少有用的东西。下面是我这些年积累的经验精华。
- <script>标签和属性
- innerHTML和innerText的用法(动态改变网页内容)
- [豆知识] 关于 rpm 安装包
- Visual Studio中调用matlab生成的dll
- IE6浏览器下设置div的高度
- 关于Qt 中update()和repaint()的区别
- 【Eclipse错误】Syntax error, parameterized types are only available if source level is 1.5
- Ubuntu无法记住屏幕亮度
- 修改OS X终端中的bogon主机名
- HDU 1236 排名 Java实现