欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！

您现在的位置是：首页 > web前端

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

程序员文章站 2022-04-18 07:49:39

...

修改元素内容：

<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

上一篇：深入剖析JavaScript异步之事件轮询

下一篇：防止sql注入与跨站攻击的代码分享(初级实用型)

推荐阅读