Maison > Article > interface Web > JS函数修改html的元素内容,及修改属性内容的方法

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

高洛峰original: 2016-12-08 14:47:081631parcourir

修改元素内容：

<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>

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：使用json来定义函数,在里面可以定义多个函数的实现方法Article suivant：不使用script导入js文件的几种方法

Articles Liés

Voir plus