我无法弄清楚以下代码有什么问题。我正在尝试实现类似 jquery 的功能，但以下代码对我不起作用。我可以看到 console.log(dome) 打印了 dome 数组中的所有段落，但是当我调用这个数组时它没有显示任何结果。你能帮忙吗？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Testing</title>
<script>
function uquery(domElement){
console.log("In uquery function");
var uqObject={} // end object
uqObject.css=function(property, value){
var dome = document.getElementsByTagName(domElement);
console.log(dome);
console.log(property, value);
console.log(dome.length);
for(i=0; i<dome.length; i++ ){
console.log("loop count"+i);
if(property=="color")
{
dome[i].style.color=value;
}
}//end loop
}
return uqObject;
}// end uquery
uquery("p").css("color", "red");
//var obj=uquery("p");
//obj.css("color", "red");
</script>
</head>
<body>
<p>Testing Jquery like style</p>
<p>See if it works</p>
<p>Third Paragraph</p>
</body>
</html>
最佳答案
你需要在元素添加到dom之后调用该函数，比如在window.onload事件上
window.onload = function () {
uquery("p").css("color", "red");
}
演示:Fiddle
另请查看 bracket notation访问动态属性
dome[i].style[property] = value;
关于javascript - 如何使 jquery 之类的函数工作？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25049957/