Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/366.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
JavaScript找到一个类似jQuery';s.find()_Javascript_Html - Fatal编程技术网

JavaScript找到一个类似jQuery';s.find()

JavaScript找到一个类似jQuery';s.find(),javascript,html,Javascript,Html,我有这个HTML: <div class="parent"> <div></div> <p> <img src="#" widht="500"> </p> </div> 但我还是犯了这个错误: Uncaught TypeError: Cannot read property 'getAttribute' of null 因此,我猜,img没有找到。。如何从.parentdiv中找

我有这个HTML:

<div class="parent">
   <div></div>
   <p>
      <img src="#" widht="500">
   </p>
</div>
但我还是犯了这个错误:

Uncaught TypeError: Cannot read property 'getAttribute' of null
因此,我猜,
img
没有找到。。如何从
.parent
div
中找到
img

未捕获的TypeError:无法读取null的属性“.getAttribute()”

这意味着
document.querySelector('.parent>p>img')
返回null,我不知道为什么,因为您在
window.onload
中调用脚本,所以如果您在OP中发布了相同的HTML/JS,只需修复HTML代码中的打字错误
width
,以便:

<img src="#" widht="500">
_____________^^^^^



您只需使用
img
属性
width
修复打字错误,并可以使用
img.width
直接访问它:

var-img=document.querySelector('.parent>p>img');
console.log('Width:',img.Width)



在你的html中
宽度
拼写错误代码应该可以正常工作,只是测试了它并修复了拼写错误。好吧,那我怎么会收到错误?不适合我吗?我在这个例子中拼写错了。。。而且我得到的错误就像找不到img一样……你可以检查我更新的答案,注意脚本得到了
宽度
<img src="#" widht="500">
_____________^^^^^
<img src="#" width="500">