在jQuery 1.6.1中进行了更改之后,我一直在尝试在HTML中定义属性和属性之间的区别.
查看jQuery 1.6.1发行说明(靠近底部)的列表,似乎可以按如下方式对HTML属性和属性进行分类:
属性:所有具有布尔值或UA计算的值,例如selectedIndex.
属性:可以添加到既不是布尔值也不包含UA生成值的HTML元素的"属性".
思考?
有没有开发使用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) 我想检测输入字段中文本/值的变化.所以我读了很多例子并尝试下面的代码.但它不起作用.这是小提琴预览.即使我用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) 其中一个比另一个更优选吗?为什么?性能如何 - 如果这些被召唤数千次?
A) element.setAttribute("disabled", true);
B) element.disabled = true;
Run Code Online (Sandbox Code Playgroud)
它们似乎都禁用了FF 4中的输入[text]元素.
如何使用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)
提前致谢!
在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返回旧的价值.
我正在尝试使用控制台获取页面的元素。这是代码:
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。
有没有办法从属性中获取该项目的名称?(因为这对我来说就足够了。)