加入收藏 | 设为首页 | 会员中心 | 我要投稿 江门站长网 (https://www.0750zz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 编程要点 > 语言 > 正文

Javascript修改元素属性如何做?教你两个方法

发布时间:2022-04-11 17:11:37 所属栏目:语言 来源:互联网
导读:Javascript修改元素属性怎样做?想要修改元素属性,我们可以使用元素对象.attribute = new value和setAttribute()函数这两种方法,具体怎样使用呢?文中的示例代码介绍得很详细,有需要的朋友可以参考,接下来就跟随小编一起了解看看吧。 本教程操作环境:wi
    Javascript修改元素属性怎样做?想要修改元素属性,我们可以使用元素对象.attribute = new value和setAttribute()函数这两种方法,具体怎样使用呢?文中的示例代码介绍得很详细,有需要的朋友可以参考,接下来就跟随小编一起了解看看吧。
 
    本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。
 
    JavaScript改变元素属性
 
    1、使用“元素对象.attribute = new value”语句

    方法2:使用setAttribute()函数
 
    setAttribute() 方法添加指定的属性,并为其赋指定的值。如果这个指定的属性已存在,则仅设置/更改值。
 
    语法:元素对象.setAttribute('属性','属性值');
 
<div>hello</div>
<div id="box">欢迎来到PHP中文网!</div>
<script type="text/javascript">
var box=document.getElementById("box");
box.setAttribute('style','color:red;border:1px solid #008000');
// 给box元素设置的是行内样式
</script>

(编辑:江门站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读