JS函数修改html的元素内容,及修改属性内容的方法

263 阅读 0 评论 174 点赞

我是靠谱客的博主坚强向日葵，这篇文章主要介绍JS函数修改html的元素内容,及修改属性内容的方法，现在分享给大家，希望可以做个参考。

修改元素内容：

<body>
	<p id="pid">Hello</p>
	<button onclick="demo()">按钮</button>
	<script>
		function demo(){
			var nv = document.getElementById("pid");
			nv.innerHTML="World";
		}
	</script>
</body>

修改元素标签属性：

<body>
	<a href="http://www.baidu.com/" id="aid" >呵呵</a>
	<button onclick="demo()">按钮</button>
	<script>
		function demo(){
			document.getElementById("aid").href="http://www.jikexueyuan.com";
		}
	</script>
</body>

以上就是小编为大家带来的JS函数修改html的元素内容,及修改属性内容的方法全部内容了，希望大家多多支持脚本之家~