相关疑难解决方法(0)

HTML中的属性和属性有什么区别?

在jQuery 1.6.1中进行了更改之后,我一直在尝试在HTML中定义属性和属性之间的区别.

查看jQuery 1.6.1发行说明(靠近底部)的列表,似乎可以按如下方式对HTML属性和属性进行分类:

  • 属性:所有具有布尔值或UA计算的值,例如selectedIndex.

  • 属性:可以添加到既不是布尔值也不包含UA生成值的HTML元素的"属性".

思考?

html javascript dom properties

353
推荐指数
6
解决办法
16万
查看次数

何时在JavaScript中使用setAttribute vs .attribute =?

有没有开发使用setAttribute而不是dot(.)属性表示法的最佳实践?

例如:

myObj.setAttribute("className", "nameOfClass");
myObj.setAttribute("id", "someID");
Run Code Online (Sandbox Code Playgroud)

要么

myObj.className = "nameOfClass";
myObj.id = "someID";
Run Code Online (Sandbox Code Playgroud)

javascript attributes setattribute

209
推荐指数
5
解决办法
10万
查看次数

javascript使用MutationObserver来检测输入标记中的值更改

我想检测输入字段中文本/值的变化.所以我读了很多例子并尝试下面的代码.但它不起作用.这是小提琴预览.即使我用js代码改变值我想要检测到这些变化.

HTML

<input type="text" id="exNumber"/>
Run Code Online (Sandbox Code Playgroud)

JavaScript的

var observer = new MutationObserver(function(mutations) {
  mutations.forEach(function(mutation) {
    // console.log('Mutation type: ' + mutation.type);
    if ( mutation.type == 'childList' ) {
      if (mutation.addedNodes.length >= 1) {
        if (mutation.addedNodes[0].nodeName != '#text') {
//        console.log('Added ' + mutation.addedNodes[0].tagName + ' tag.');
        }
      }
      else if (mutation.removedNodes.length >= 1) {
       // console.log('Removed ' + mutation.removedNodes[0].tagName + ' tag.')
      }
    }
     if (mutation.type == 'attributes') {
      console.log('Modified ' + mutation.attributeName + ' attribute.')
    }
        });   
}); …
Run Code Online (Sandbox Code Playgroud)

html javascript

13
推荐指数
4
解决办法
1万
查看次数

通过property或setAttribute设置属性

其中一个比另一个更优选吗?为什么?性能如何 - 如果这些被召唤数千次?

A) element.setAttribute("disabled", true);
B) element.disabled = true;
Run Code Online (Sandbox Code Playgroud)

它们似乎都禁用了FF 4中的输入[text]元素.

javascript dom

9
推荐指数
1
解决办法
7580
查看次数

JavaScript - 强制选择元素下拉?

如何使用Javascipt强制select元素下拉?可能吗?

<select id="MiamiPlayers">
    <option value="0">Bosh</option>
    <option value="1">Wade</option>
    <option value="2">LeBron</option>
</select>

<input type="button" onclick="Show()" />

<script type="text/javascript">
    function Show()
    {
        //force the select to dropdown...
    }
</script>
Run Code Online (Sandbox Code Playgroud)

提前致谢!

javascript select drop-down-menu

8
推荐指数
2
解决办法
1万
查看次数

为什么通过setAttribute或直接设置输入值之间的区别?

在devtools中,运行以下两行:

1.

window.x = document.createElement("input");
x.type="text"; 
x.name="nm"; 
x.value="val"; 
x
// <input type="text" name="nm">
Run Code Online (Sandbox Code Playgroud)

2.

window.x = document.createElement("input");
x.type="text"; 
x.name="nm"; 
x.setAttribute("value", "val"); 
x
// <input type="text" name="nm" value="val">
Run Code Online (Sandbox Code Playgroud)

为什么会以不同方式打印?在两种情况下,似乎都设置了正确的值.似乎属性与DOM属性之间存在脱节.

财产的吸气剂也.value不同于结果.getAttribute('value').我可以setAttribute()整天,但.value返回旧的价值.

javascript dom

7
推荐指数
1
解决办法
1125
查看次数

通过 JavaScript 控制台获取项目时遇到问题

我正在尝试使用控制台获取页面的元素。这是代码:

var ELEMENT = document.querySelector('div.flexCenter-3_1bcw.flex-1O1GKY.justifyCenter-3D2jYp.alignCenter-1dQNNs')
Run Code Online (Sandbox Code Playgroud)

我想从元素中获取特定的“东西”:

ELEMENT.__reactProps$81cjqqgfk4j
Run Code Online (Sandbox Code Playgroud)

不幸的是,.__reactProps$每次我访问该页面时,“事物”都会发生变化。有时,它可能是__reactProps$25jwbxmtle__reactProps$94maqnwnty,等等。我在这里能做什么?

当我输入 时ELEMENT.attributes,会出现以下内容:

NamedNodeMap {0: class, class: class, length: 1}
    0: class
        ownerDocument: document
            .__reactEvents$81cjqqgfk4j
Run Code Online (Sandbox Code Playgroud)

.__reactEvents项目始终以与该项目相同的字符串结尾.__reactProps

有没有办法从属性中获取该项目的名称?(因为这对我来说就足够了。)

javascript console

3
推荐指数
1
解决办法
1153
查看次数