Question

我在不同的文档中练习如下所示的样式，并且它在那里用于段落和按钮，但是，对于div，它拒绝这样做。

第一个document.getElementById('red').style.width="100px";语句返回错误

“未捕获的TypeError：无法在..”
读取null的属性'style'

当我在另一个文档中尝试它时，它没有将样式放在function myFunction() {}语句中

有什么想法吗？

<div class="red" > some content</div>
<div class="blue" > some content</div>
<div class="green" > some content</div>

<script type="text/javascript">

document.getElementById('red').style.width="100px";
document.getElementById('blue').style.width="100px";
document.getElementById('green').style.width="100px";
document.getElementById('red').style.height="100px";
document.getElementById('blue').style.height="100px";
document.getElementById('green').style.height="100px";
document.getElementById('red').style.backgroundColor="red";
document.getElementById('blue').style.backgroundColor="blue";
document.getElementById('green').style.backgroundColor="green";
document.getElementById('red').style.borderRadius="50px";
document.getElementById('blue').style.borderRadius="50px";
document.getElementById('green').style.borderRadius="50px";

document.getElementById('red').onclick.display="none";
document.getElementById('blue').onclick.display="none";
document.getElementById('green').onclick.display="none";

</script>

Answer 1

Cannot read property 'style' of null这给了你很好的提示 - of null。它确实意味着，它找不到你正在寻找的元素。

这只是因为在html中你使用的是类<div class="red">

和javascript document.getElementById('red')

中的ID

坚持上课：

document.getElementsByClassName('red')[0]

或转换为ID

<div id="red">

Answer 2

更改（或添加）＆＃34; class =＆＃39; xxx＆＃39;＆＃34;到＆＃34; id =＆＃39; xxx＆＃39;＆＃34;，然后您就可以通过相应的ID获取元素。否则，您可以尝试使用https://www.w3schools.com/jsreF/met_document_getelementsbyclassname.asp

Answer 3

我认为您需要在div的

中添加id

# Time: 170904 10:16:01\n# User@Host: mmcite[mmcite] @ localhost []\n# Thread_id: 18712  Schema: mmcite  QC_hit: No\n# Query_time: 0.502068  Lock_time: 0.000030  Rows_sent: 0  Rows_examined: 1\n# Rows_affected: 1\nuse mmcite;\nSET timestamp=1504512961;\nUPDATE `ajedem456456` SET `id`='cotjo4mim2j7fp3ui2kit7gns6' WHERE id='pvueh0rm6l2meiguootdfqsan7';

Answer 4

选择登陆页面元素。

let landingPage = document.querySelector("landing-page");

获取数组图像。

let imgsArray = ["1.jpg", "2.jpg", "3.jpg", "4.jpg", "5.jpg"]

更改背景图片网址。

landingPage.style.backgroundImage = 'imgs./imgaes/"2.jpg"'

“未捕获的TypeError：无法读取null的属性'样式'..”

4 个答案: