js给元素增加或移除style属性的实例代码

2024-10-16 前端实例跟版网

js给元素增加或移除style属性的实例代码： !DOCTYPE htmlhtml lang="en"head meta charset="UTF-8" meta http-equiv="X-UA-Compatible" content="IE=edge" meta name="viewport" content="width=device-width, initial-scale=1.0" titleDocument/title/headbo

js给元素增加或移除style属性的实例代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <input type="text" name="test" id="test">
</body>
<script>
    var el = document.getElementById('test')
    // 设置属性
    el.style.setProperty("border", "2px solid tomato")

    // 取消属性
    el.style.removeProperty("border")
</script>
</html>

本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益，请联系我们，我们会在确认后第一时间进行删除！

上一篇：点击button按钮向PHP后端传值，并获得返回结果下一篇：layui实现打印layer.open弹窗内容

相关文档推荐

微信小程序获取某个元素的高度宽度的示例代码

js页面的代码：//创建节点选择器var query = wx.createSelectorQuery();//选择idvar that = this;query.select('.every').boundingClientRect(function (rect) {// console.log(rect.width)that.setData({height: rect.width + 'px'})}).exec(); wxml页面代

layui中修改页面layer.open弹出层给radio赋值示例代码

最近使用layui做了个简单的项目，遇到了个问题，在layui.table渲染页面做修改的时候，使用的是弹出层，要把值赋给radio的时候总是渲染不上去。现在解决了这个问题，记录一下。 js代码块代码： function updateUser(data) { layer.open({ type : 2, title : '

JS原生非dialog信息提示框的示例代码

JS原生非dialog信息提示框的示例代码，很简单的一个功能，点击问号，下边出现一个信息框，再次点击信息框消失，代码如下： !DOCTYPE htmlhtml lang="en" head meta charset="UTF-8" meta http-equiv="X-UA-Compatible" content="IE=edge" meta name="viewport

js文件上传前的预览和删除实例代码

js文件上传前的预览和删除实例代码，具体如下： !DOCTYPE htmlhtml lang="en" head meta charset="UTF-8" / meta http-equiv="X-UA-Compatible" content="IE=edge" / meta name="viewport" content="width=device-width, initial-scale=1.0" / title文件上传

js过滤所有特殊字符的实例代码

var pattern=/[`~!@#$^\-*()=|{}':;',\\\[\]\.\/?~！@#￥……*（）——|{}【】'；：""'。，、？\s]/g; //string = string.replace(pattern,""); var Str = '替换?字*符串/中的所\有特"殊:字符（包含空|格' var out = Str.replace(pattern,""); alert(out)

js正则表达式过滤网页标签的内容实例代码

需求是模板字符串中不允许出现script 标签、不允许有javascript: 和 .js 文件引用，主要方法如下： clearScriptTag (str) { const reg = /script[^]*([\S\s]*?)\/script/gim; // 清除标签内相关 xss 安全代码 const reg1 = /javascript:/gim; const reg2 = /

栏目导航

前端实例 Php实例 Java实例 Python实例 C/C++实例 C#/.NET实例其他语言实例