在外部JS文件中,要给内容文字设置为红色字体,代码怎么写,document.getElementById().style.color="red";是错误的
也是醉了,楼主问个简单问题下面回答的乱七八糟五花八门的。。
很简单,就是你漏了要改色字段的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";
}
</script>
</head>
<body>
<p id="p1" onClick="chcolor();">123456</p>
</body>
</html>
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中:
<p id="p1">123456</p>