很多初级开发者不知道如何通过“JS根据ID修改样式”,下面是示例代码:
// 原生 js 方式
var widthvalue = color:rgb(255 95 0)">style="color:rgb(98 189 255)">document.getElementById(selector).color:rgb(255 95 0)">style.width; // 获取样式的具体值
color:rgb(255 95 0)">style="color:rgb(98 189 255)">document.getElementById(selector).color:rgb(255 95 0)">style.width='40px';
// jQuery 方式
var colorvalue = $(selector).css("color"); // 获取样式的具体值
$(selector).css("color","red"); // 修改样式 color 的值为 red 等,允许连续多组
$(selector).css({
"color":"white",
"font-size":"20px"
});
获取和修改属性attribute
// 原生 js 方式
style="color:rgb(98 189 255)">document.getElementById(selector).setAttribute('style','style="color:rgb(255 211 0)">height:400px;'); // 原先有值的直接替换
style="color:rgb(98 189 255)">document.getElementById(selector).removeAttribute('style');
style="color:rgb(98 189 255)">document.getElementById(selector).id = "style="color:rgb(98 189 255)">elementid"; // 给属性赋值,注不支持自定义属性
var stylevalue = style="color:rgb(98 189 255)">document.getElementById(selector).getAttribute('style');
// jQuery 方式
$(selector).attr("style","全部样式"); // 修改属性 style 的值
$(selector).attr({"style":"全部样式"});
$(selector).removeAttr('style'); // 移除名字为 style 属性
$(selector).attr("style"); // 获取属性 style 的值
本文来自投稿,不代表本站立场,如若转载,请注明出处:https://www.xiaobinblog.com/1104.html
发表评论