为了账号安全,请及时绑定邮箱和手机立即绑定

怎样给文字添加颜色

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

正在回答

7 回答

也是醉了,楼主问个简单问题下面回答的乱七八糟五花八门的。。

很简单,就是你漏了要改色字段的id号,getElementById("id号")是获取对应id号的对象,然后对对象进行相关的css操作就行了

1 回复 有任何疑惑可以回复我~

js:function aaa(){document.getElementById("pa").style.color="red";}

html:<p id="pa" onclick="aaa()">haha</p>

如果不设函数直接在html中把<script>标签放到p后面,会直接执行改色

0 回复 有任何疑惑可以回复我~

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 回复 有任何疑惑可以回复我~

刚刚错了,应该是这样:

<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>


0 回复 有任何疑惑可以回复我~
#1

czdll

亲,你这是单击后变色了,是事件了,他问的是设置红色。。。
2016-02-03 回复 有任何疑惑可以回复我~

js

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

html

<p id="p1">123456</p>


结果:

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


0 回复 有任何疑惑可以回复我~

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

0 回复 有任何疑惑可以回复我~

在JS中:

var fontColor=document.getElementById("p1");

fontColor.style.color="red";

在HTML中:

<p id="p1">123456</p>


0 回复 有任何疑惑可以回复我~
#1

宣xuan

JS要放在P的后面,不然找不到ID。
2016-02-02 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

怎样给文字添加颜色

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信