javascript怎么设置元素属性

PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者青灯夜游，侵删。

javascript设置元素属性的方法：首先使用“document.getElementById("id值")”语句获取元素对象；然后使用“元素对象.setAttribute("属性名称","属性值")”语句来添加或修改元素属性。

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

javascript设置元素属性的方法

在javascript中，可以使用setAttribute()方法来设置元素属性

语法：

1

setAttribute("属性名称","属性值")

示例：

1

2

3

4

5

6

7

8

9

10

11

<img id="img" src="img/1.jpg" />

 

<p id="demo">点击按钮来设置img图片的 width 属性。</p>

 

<button onclick="myFunction()">试一下</button>

 

<script>

    function myFunction() {

        document.getElementById("img").setAttribute("width", "200");

    }

</script>

效果图：

阅读剩余部分

相关阅读 >>

javascript对象是如何定义的

javascript介绍前端安全知多少

用js怎么改变css样式

轻松理解函数防抖和节流的使用

javascript web workers的构建块及5个使用场景

javascript字符串比较方法有哪些

javascript简称什么

js代码中加分号和不加分号的区别

javascript控制台console对象的方法有哪些

jquery和javascript之间有什么区别

更多相关阅读请进入《javascript》频道 >>




标签：

打赏

取消

感谢您的支持，我会继续努力的!

扫码支持
扫码打赏，您说多少就多少

打开支付宝扫一扫，即可进行扫码打赏哦

分享从这里开始，精彩与您同在

相关推荐

评论

管理员已关闭评论功能...