通過.js文件操作html頁面

我已成功調用以下JavaScript代碼來使用參數填充圖像和說明。圖片和說明位於標籤中，稱爲imagePlaceHolder和descriptionPlaceHolder。正如我所說，這是完美的。通過.js文件操作html頁面

function changeImage(imgName,descriptiveText) 
{ 
    image = document.getElementById('imagePlaceHolder'); 
    image.src = imgName; 

    text = document.getElementById('descriptionPlaceHolder'); 
    PlaceHolder.innerHTML=descriptiveText; 
}

我現在要求是將JavaScript的在自己的文件，並使用<script src="xxxx.js"></script>

的問題是，在<div>對象沒有認識到HTML頁面調用它。我需要修改該行

document.getElementById('imagePlaceHolder');

指向包含要處理的對象的HTML文件。

任何人都可以告訴我正確的語法嗎？

來源

2013-10-08 user2858602

添加相關的HTML，所以我們可以看到你在做什麼試圖目標或創建一個jsfiddle。它有助於:)另外你的目標是一個名爲「佔位符」的變量。那應該是「文本」？ –

在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; 
    }

任何JavaScript使用document應該引用HTML文檔

來源

2013-10-08 12:57:01

通過.js文件操作html頁面

回答

相關問題