簡體   English   中英

從外部js文件獲取html文件的元素

[英]Getting an element of a html file from an external js file

我想要這個問題的幫助,我有一個名為index.html的文件和一個名為javascript.js的文件。 當我執行document.getElementById(“ canvas”),然后嘗試更改類似畫布寬度的內容時,它給了我一個空異常。

HTML文件

<html>
    <body>
        <canvas> </canvas>
        <script src="javascript.js"></script>
        <script>getCanvas.start();</script>
    </body>
</html>

JavaScript文件

var canvas;
function getCanvas() {
    canvas = document.getElementById("canvas");
    canvas.width = 500;
}

在第4行,google chrome在控制台上向我拋出以下錯誤。 未捕獲的TypeError:無法將屬性“寬度”設置為null。

非常感謝任何幫助的人。

您必須為畫布元素指定id

<canvas id="canvas"> </canvas>

document.getElementById("canvas"); 將為您提供ID為“畫布”的元素。 您的canvas元素沒有ID'canvas'。

解決方案

<canvas id="canvas"> </canvas>
document.getElementById("canvas");

它自己說要通過ID獲得Element,而您沒有給出set ID。

在您的HTML中嘗試:

<canvas id="canvas"> </canvas>

在不更改HTML的情況下,您可以這樣使用它:

document.body.getElementsByTagName('canvas');

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM