課程
/前端開發
/JavaScript
/JavaScript入門篇
在外部JS文件中，要給內容文字設置為紅色字體，代碼怎么寫，document.getElementById().style.color="red";是錯誤的
2016-02-02
源自：JavaScript入門篇 1-3
正在回答
也是醉了，樓主問個簡單問題下面回答的亂七八糟五花八門的。。
很簡單，就是你漏了要改色字段的id號，getElementById("id號")是獲取對應id號的對象，然后對對象進行相關的css操作就行了
js:function aaa(){document.getElementById("pa").style.color="red";}
html:<p id="pa" onclick="aaa()">haha</p>
如果不設函數直接在html中把<script>標簽放到p后面，會直接執行改色
document.getElementById().style.color="red";
這句話是沒有錯誤的,單單只是這句話肯定也是沒有效果的,需要加上這個Id的DOM對象;
例如:
<body>
<p id="p1"? onClick="chcolor()">123456</p>
<script>
????function onClick(){
????????document.getElementById("p1").style.color="red";
}
</script>
</body>
上面例子中通過P1就可以控制<p></p>標簽的dom對象了
你可以復制代碼過去試一下
剛剛錯了，應該是這樣：
<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>
結果：
<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
舉報
JavaScript做為一名Web工程師的必備技術，本教程讓您快速入門
3 回答我想把"點擊我，添加按鈕”添加一個顏色，怎么添加
8 回答如果給p標簽里的字體加上顏色應該怎么寫
6 回答關于文本字體顏色
1 回答怎么給開啟JS之旅設置顏色或字號
3 回答怎樣改變Hello的顏色
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-02-03
也是醉了，樓主問個簡單問題下面回答的亂七八糟五花八門的。。
很簡單，就是你漏了要改色字段的id號，getElementById("id號")是獲取對應id號的對象，然后對對象進行相關的css操作就行了
2016-02-02
js:function aaa(){document.getElementById("pa").style.color="red";}
html:<p id="pa" onclick="aaa()">haha</p>
如果不設函數直接在html中把<script>標簽放到p后面，會直接執行改色
2016-02-02
document.getElementById().style.color="red";
這句話是沒有錯誤的,單單只是這句話肯定也是沒有效果的,需要加上這個Id的DOM對象;
例如:
<body>
<p id="p1"? onClick="chcolor()">123456</p>
<script>
????function onClick(){
????????document.getElementById("p1").style.color="red";
}
</script>
</body>
上面例子中通過P1就可以控制<p></p>標簽的dom對象了
你可以復制代碼過去試一下
2016-02-02
剛剛錯了，應該是這樣：
<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>
結果：
<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>