課程
/前端開發(fā)
/JavaScript
/JavaScript入門篇
在外部JS文件中,要給內(nèi)容文字設(shè)置為紅色字體,代碼怎么寫,document.getElementById().style.color="red";是錯(cuò)誤的
2016-02-02
源自:JavaScript入門篇 1-3
正在回答
也是醉了,樓主問個(gè)簡單問題下面回答的亂七八糟五花八門的。。
很簡單,就是你漏了要改色字段的id號(hào),getElementById("id號(hào)")是獲取對應(yīng)id號(hào)的對象,然后對對象進(jìn)行相關(guān)的css操作就行了
js:function aaa(){document.getElementById("pa").style.color="red";}
html:<p id="pa" onclick="aaa()">haha</p>
如果不設(shè)函數(shù)直接在html中把<script>標(biāo)簽放到p后面,會(huì)直接執(zhí)行改色
document.getElementById().style.color="red";
這句話是沒有錯(cuò)誤的,單單只是這句話肯定也是沒有效果的,需要加上這個(gè)Id的DOM對象;
例如:
<body>
<p id="p1"? onClick="chcolor()">123456</p>
<script>
????function onClick(){
????????document.getElementById("p1").style.color="red";
}
</script>
</body>
上面例子中通過P1就可以控制<p></p>標(biāo)簽的dom對象了
你可以復(fù)制代碼過去試一下
剛剛錯(cuò)了,應(yīng)該是這樣:
<script type="text/javascript">
function chcolor(){
var x=document.getElementById("p1");
x.style.color="red";
</head>
<p id="p1" onClick="chcolor();">123456</p>
</html>
czdll
js
document.getElementById("p1").style.color="red"
html
<p id="p1">123456</p>
結(jié)果:
<p id="p1" style="color:red">123456</p>
document.getElementById("xxx").style.color="red"
在JS中:
var fontColor=document.getElementById("p1");
fontColor.style.color="red";
在HTML中:
宣xuan
舉報(bào)
JavaScript做為一名Web工程師的必備技術(shù),本教程讓您快速入門
3 回答我想把"點(diǎn)擊我,添加按鈕”添加一個(gè)顏色,怎么添加
8 回答如果給p標(biāo)簽里的字體加上顏色應(yīng)該怎么寫
6 回答關(guān)于文本字體顏色
1 回答怎么給開啟JS之旅設(shè)置顏色或字號(hào)
3 回答如何實(shí)現(xiàn)背景顏色和文字一樣的寬度?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2016-02-03
也是醉了,樓主問個(gè)簡單問題下面回答的亂七八糟五花八門的。。
很簡單,就是你漏了要改色字段的id號(hào),getElementById("id號(hào)")是獲取對應(yīng)id號(hào)的對象,然后對對象進(jìn)行相關(guān)的css操作就行了
2016-02-02
js:function aaa(){document.getElementById("pa").style.color="red";}
html:<p id="pa" onclick="aaa()">haha</p>
如果不設(shè)函數(shù)直接在html中把<script>標(biāo)簽放到p后面,會(huì)直接執(zhí)行改色
2016-02-02
document.getElementById().style.color="red";
這句話是沒有錯(cuò)誤的,單單只是這句話肯定也是沒有效果的,需要加上這個(gè)Id的DOM對象;
例如:
<body>
<p id="p1"? onClick="chcolor()">123456</p>
<script>
????function onClick(){
????????document.getElementById("p1").style.color="red";
}
</script>
</body>
上面例子中通過P1就可以控制<p></p>標(biāo)簽的dom對象了
你可以復(fù)制代碼過去試一下
2016-02-02
剛剛錯(cuò)了,應(yīng)該是這樣:
<script type="text/javascript">
function chcolor(){
var x=document.getElementById("p1");
x.style.color="red";
}
</script>
</head>
<body>
<p id="p1" onClick="chcolor();">123456</p>
</body>
</html>
2016-02-02
js
document.getElementById("p1").style.color="red"
html
<p id="p1">123456</p>
結(jié)果:
<p id="p1" style="color:red">123456</p>
2016-02-02
document.getElementById("xxx").style.color="red"
2016-02-02
在JS中:
var fontColor=document.getElementById("p1");
fontColor.style.color="red";
在HTML中:
<p id="p1">123456</p>