javascript - 无法设置 null 的属性 innerHTML(javascript)

标签 javascript html

<分区>

我知道有很多主题,但没有一个能回答我的问题。 我必须在窗口中按字典顺序打印最小和最大的属性。但是我得到了错误 Cannot set property of innerHTML of null at solve。 这是我的 html:

<!DOCTYPE html>
<html lang="en">

<head>
     <title>Loops Homework</title>
     <meta charset="UTF-8">

</head>

<body>
    <span>Problem 1</span>
    <button onclick="solve()">Print</button>
    <div id="answer1">Answer will appear here</div>
    <script src="LexicographicallyProp.js" type="text/javascript"></script>
</body>

</html>

以及以下 javascript 文件:

function solve() {
let smallest = 'zzz',
    largest = '',
    prop,
    div1 = document.getElementById('#answer1');

for (prop in document) {
    if (prop < smallest) {
        smallest = prop;
    }

    if (prop > largest) {
        largest = prop;
    }
}
div1.innerHTML = 'Smallest property in DOCUMENT: ' + smallest + ' ; Largest prop in DOCUMENT: ' + largest;

最佳答案

请更改以下行:

div1 = document.getElementById('#answer1');

使用:

div1 = document.getElementById('answer1');

关于javascript - 无法设置 null 的属性 innerHTML(javascript),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41510823/

相关文章:

javascript - 缩小以在窗口内垂直放置一个 div

javascript - Azure Active Directory AADSTS90014 - 无效请求 |

html - 找不到 iframe 内容

javascript - 如何在 chrome 中进行调试以获取 knockout 中可观察值的值?

html - 响应式网页设计,它是如何工作的?

JavaScript Google Visualization API 多个图表数据显示在错误的图表中

javascript - Jquery 更改功能无法正常工作

javascript - Jquery AJAX CALL 与 Controller 方法的参数不起作用

javascript - 让单个 javascript 文件在多个 html 页面上工作

javascript - document.getElementById().innerHTML 不起作用,控制台上没有错误