如何给标签中的title属性设置样式

JavaScript023

如何给标签中的title属性设置样式,第1张

我们经常会设置title属性来显示提示的内容,最常见的一种就是超过文本框的内容显示省略号,鼠标移上去显示完整的内容,这里顺便说下显示省略号的设置,如

div{text-overflow:ellipsiswhite-space:nowrapoverflow:hidden}然后设置title=文本内容就可以了。有时候会觉得title默认的样式不好看,其实这时我们可以设置一个div,让其默认隐藏,当鼠标一上去的时候显示,并且里面的内容使用js控制,使其等于innerHTML的内容,这样就可以说是变相的改变了title的样式,是不是一种很好的解决方式?

JS中alert样式为浏览器内置设定,标题及颜色等是无法修改的。

如果因为网站的需要,需要修改标题或者样式等,一般解决方案是使用DOM模拟弹出

可以直接用js来实现;

将title所属的class给js,然后再js里面设置你需要的样式

<script type="text/javascript">

window.onload = function () {

var

attr = document.getElementById("attr")

attr.setAttribute("style",

"font-weight:bold")

alert(attr.getAttribute("style"))}

</script>