怎样给文字添加颜色-慕课网

首页课程实战体系课手记专栏慕课教程

怎样给文字添加颜色

来源：1-3 我也可以独立（引用JS外部文件）

xiaodanxu

2016-02-02 14:57

在外部JS文件中，要给内容文字设置为红色字体，代码怎么写，document.getElementById().style.color="red";是错误的

写回答关注

7回答

czdll

2016-02-03 11:42:13

也是醉了，楼主问个简单问题下面回答的乱七八糟五花八门的。。
很简单，就是你漏了要改色字段的id号，getElementById("id号")是获取对应id号的对象，然后对对象进行相关的css操作就行了

0 1
Wave_0002

2016-02-02 15:43:23

js:function aaa(){document.getElementById("pa").style.color="red";}
html:<p id="pa" onclick="aaa()">haha</p>
如果不设函数直接在html中把<script>标签放到p后面，会直接执行改色

0 0
陈华东

2016-02-02 15:35:58

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对象了
你可以复制代码过去试一下

0 0
宣xuan

2016-02-02 15:27:38

刚刚错了，应该是这样：
<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>

1 0

czdll

亲，你这是单击后变色了，是事件了，他问的是设置红色。。。

2016-02-03 11:47:01

共 1 条回复 >
慕雪1824825

2016-02-02 15:20:59

js
document.getElementById("p1").style.color="red"
html
<p id="p1">123456</p>

结果：
<p id="p1" style="color:red">123456</p>

0 0
SCUTE

2016-02-02 15:18:52

document.getElementById("xxx").style.color="red"

0 0
宣xuan

2016-02-02 15:17:58

在JS中：
var fontColor=document.getElementById("p1");
fontColor.style.color="red";
在HTML中：
<p id="p1">123456</p>

1 0

宣xuan

JS要放在P的后面，不然找不到ID。

2016-02-02 15:19:18

共 1 条回复 >