• 技术文章 >web前端 >前端问答

    javascript怎么修改h4标签的内容

    青灯夜游青灯夜游2022-02-16 15:48:41原创135

    修改方法:1、使用“document.getElementById("id值")”语句根据id属性值选中h4标签节点;2、使用“h4标签节点.innerHTML = "已修改的内容";”语句修改h4标签的内容即可。

    本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

    <h4>标签定义了HTML文档中的第四级标题。

    那么javascript怎么修改h4标签的内容?

    实现思想:

    实现代码:

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    	</head>
    
    	<body>
    		<h1>一级标题</h1>
    		<h2>二级标题</h2>
    		<h3>三级标题</h3>
    		<h4 id="h4">四级标题</h4>
    		<h5>五级标题</h5>
    		<h6>六级标题</h6>
    		<button onclick="myFunction()"> 修改h4标签的内容</a>
    
    			<script type="text/javascript">
    				function myFunction() {
    					var h4 = document.getElementById("h4");
    					h4.innerHTML = "新四级标题,内容已修改";
    				}
    			</script>
    
    	</body>
    </html>

    1.gif

    【相关推荐:javascript学习教程

    以上就是javascript怎么修改h4标签的内容的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:javascript h4标签
    上一篇:javascript中if语句怎么用 下一篇:javascript是框架吗
    PHP编程就业班

    相关文章推荐

    • JavaScript经典讲解之设计模式(实例详解)• javascript怎么修改元素节点的属性• javascript是顺序执行吗• 一起聊聊Javascript之Proxy与Reflect• javascript怎么去掉小数点后两位• 总结分享: 6 种JavaScript的打断点的方式(收藏学习)

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网