這樣寫為什么右邊沒有效果顯示??求解
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>無標(biāo)題文檔</title>
</head>
<body>
<script type="text/javascript">
var main = document.body;
//創(chuàng)建鏈接
function createa(url,text){
? ? var a = document.createElement("a");
? ? a.setAttribute("href","url");
? ? a.setAttribute("innerHTML","text");
? ? a.setAttribute("color","red");
? ? main.appendChild(a);
}
// 調(diào)用函數(shù)創(chuàng)建鏈接
createa("http://idcbgp.cn","慕課網(wǎng)");
</script>?
</body>
</html>
2019-11-05
問題出在了你的
這里。。
setAttribute這個(gè)函數(shù)是設(shè)置標(biāo)簽屬性的,你覺得innerHTML這個(gè)是屬于標(biāo)簽屬性嗎?
innerHTML這個(gè)是用來設(shè)置標(biāo)簽內(nèi)部文本的...它并不屬于標(biāo)簽的一種屬性..? a標(biāo)簽的屬性有哪些,這個(gè)你可以百度去查一下,我目前只例舉:href,title...
所以你這個(gè)代碼應(yīng)該這樣寫
2019-11-20
1、首先setAttribute()用于設(shè)置/更改標(biāo)簽體內(nèi)的屬性,a.setAttribute("innerHTML","text")相當(dāng)于:<a innerHTML="text"></a>;所以無法顯示;
2、a.innerHTML=text;操縱的是HTML文檔對(duì)象的屬性,即對(duì)象a要顯示的內(nèi)容是什么,它相當(dāng)于:<a href="...">text文本</a>;
3、也可以用a.appendChild(document.createTextNode(text));為a元素添加文本節(jié)點(diǎn),這樣也能顯示。