• 技术文章 >web前端 >js教程

    javascript怎么设置元素属性

    青灯夜游青灯夜游2021-04-26 17:19:58原创475

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

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

    javascript设置元素属性的方法

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

    语法:

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

    示例:

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

    效果图:

    1.gif

    扩展资料:

    removeAttribute()是用来删除标签属性的,语法:

    removeAttribute("属性名")

    getAttribute()可以获取标签指定属性的值,语法:

    getAttribute("属性名")

    【推荐学习:javascript高级教程

    以上就是javascript怎么设置元素属性的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:javascript 元素属性
    上一篇:javascript怎么设置元素文本内容 下一篇:javascript怎么隐藏显示div
    大前端线上培训班

    相关文章推荐

    • javascript加密方法有哪些• javascript find()方法有什么用• javascript中删除数组元素的方法有哪些• javascript方法(函数)的定义方式有哪些• javascript怎么判断值是否是整数

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网