按.js文件操作 html 页面

Manipulating html page by .js file

本文关键字：html 页面 操作 文件 js      更新时间：2023-09-26

我已经成功地调用了以下JavaScript代码，以使用参数填充图像和描述。图像和描述位于标记中，称为 imagePlaceHolder 和 descriptionPlaceHolder。正如我所说，这非常有效。

function changeImage(imgName,descriptiveText)
{
    image = document.getElementById('imagePlaceHolder');
    image.src = imgName;
    text = document.getElementById('descriptionPlaceHolder');
    PlaceHolder.innerHTML=descriptiveText;
}

我现在需要的是将javascript放在它自己的文件中，并使用<script src="xxxx.js"></script>从HTML页面调用它

问题是无法识别<div>中的对象。我需要修改行 

document.getElementById('imagePlaceHolder');

以指向包含要操作的对象的 HTML 文件。

谁能告诉我正确的语法？

在 HTML 文件中，您需要在标头中链接 javascript 文件

例如 

<head>
<script src="/scripts/yourjavascript.js" type="text/javascript"></script>
</head>

然后在 JavaScript 文件的顶部执行 onload 函数

    window.onload = function(){
     changeImage("imgName", "descriptiveText");
    }
function changeImage(imgName,descriptiveText)
    {
        image = document.getElementById('imagePlaceHolder');
        image.src = imgName;
        text = document.getElementById('descriptionPlaceHolder');
        text.innerHTML=descriptiveText;
    }

任何使用 document 的 JavaScript 都应该引用 HTML 文档

相关文章：