主页 / 问题 / 610128
Accepted
Denisoed
Asked:2020-01-02 22:15:58 +0000 UTC2020-01-02 22:15:58 +0000 UTC

javascript。如何将参数传递给 css 选择器函数？

  • 772
function changeCss(node, selector, property){
   node.style.ВОТ СЮДА = property;
}
javascript

2 个回答

  1. Best Answer

    让我们编写一个函数changeCss，它接受一个选择器selector、一个 CSS 属性property和该属性的一个值value：

    function changeCss(selector, property, value) {
    var nodes = document.querySelectorAll(selector);

    for (i = 0; i < nodes.length; ++i) {
        nodes[i].style[property] = value;
    }
}

    调用示例

    function changeCss(selector, property, value) {
    var nodes = document.querySelectorAll(selector);

    for (i = 0; i < nodes.length; ++i) {
        nodes[i].style[property] = value;
    }
}

changeCss("#img", "width", "200px");
changeCss("#img", "height", "200px");
changeCss("#img", "background-image", "url(http://lorempixel.com/output/nature-q-c-200-200-6.jpg)");
changeCss(".text", "margin", "10px");
changeCss(".text", "color", "red");
changeCss(".text", "font-size", "50px");
    <div id="img">
</div>

<div class="text">
  This is text
</div>

    • 2

  2. 使用eval将字符串转换为代码的函数：

    function changeCss(node, selector, property) {
   eval(node+'.style.'+selector+' = "'+property+'"');
};


    function changeCss(node, selector, property) {
   eval(node+'.style.'+selector+' = "'+property+'"');
};
$(function() {
  changeCss('document.getElementById("text")', 'color', 'red');
});
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="text">Текст</div>

    • 0

相关问题