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

    javascript怎么移除属性

    青灯夜游青灯夜游2021-04-08 15:11:08原创111

    移除方法:首先获取指定DOM对象,然后使用removeAttribute()方法来移除属性;语法格式“DOM对象.removeAttribute(元素的属性名)”。removeAttribute()方法可以删除具有指定名称的属性。

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

    在javascript中,可以利用removeAttribute() 方法来删除属性。

    removeAttribute() 方法可以删除具有指定名称的属性,无返回值。

    语法:

    element.removeAttribute(attributename)

    参数attributename:要移除的属性的名称,不可省略。

    示例:删除 header 元素的 style 属性

    <!DOCTYPE html>
    <html>
    
    	<head>
    		<meta charset="UTF-8">
    		<title>删除 header 元素的 style 属性</title>
    	</head>
    
    	<body>
    
    			<h1 style="color:red">Hello World</h1>
    
    			<p id="demo">点击按钮来删除标题中的 style 属性。</p>
    
    			<button onclick="myFunction()">试一下</button>
    
    			<script>
    				function myFunction() {
    					document.getElementsByTagName("H1")[0].removeAttribute("style");
    				}
    			</script>
    
    		</body>
    
    </html>

    效果图:

    1.gif

    推荐学习:javascript高级教程

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

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:javascript
    上一篇:Javascript添加事件的三种方式 下一篇:如何在javascript中绘制方块
    第15期线上培训班

    相关文章推荐

    • javascript如何给div设置高度• JavaScript怎么拆分数组项• JavaScript常用属性方法有哪些• javascript继承有哪两种形式• javascript怎么删除数组的指定元素

    全部评论我要评论

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

    PHP中文网