js中如何去除a标签的所有颜色呢

JavaScript012

js中如何去除a标签的所有颜色呢,第1张

document.getelementbytagname("a").style="color:#ffffffbackground-color:#ffffff"以上代码就是把a元素的样式(color为字体颜色,background-color为背景颜色)都设置为白色,如果底色为其他颜色设置为你所使用的底色就达到了去除颜色的效果。

当然也可以这样:

document.getelementbytagname("a").style="opacity:0"这样就是将a元素设置为透明,那也达到了所谓的去除所有颜色。

JS设置字体颜色是通过修改css样式来实现的。

html页面:

<body>

<form name="form1">

<input type="text" name="title" id="title" value="黑色头发" style="font-family:Helvetica">

<select name="selector" id="selector" onchange="changeColor()">

<option value="one">红色 </option>

<option value="two">绿色 </option>

</select>

<select name="selector2" id="selector2" onchange="changeStyle()">

<option value="one">宋体 </option>

<option value="two">楷体 </option>

</select>

</form>

</body>

</html>

js改变字体颜色的方法:

<script>

function changeColor()

{

var title = document.getElementById("title").value

var select = document.getElementById("selector").value

if(select=="two")

{

document.getElementById("title").style.color="green"

}

else document.getElementById("title").style.color="red"

}