动态设定文本样式

网页动态设置下划线链接

最新推荐文章于 2024-08-28 16:22:33 发布

原创最新推荐文章于 2024-08-28 16:22:33 发布 · 612 阅读

0 ·

CC 4.0 BY-SA版权

javascript 专栏收录该内容

32 篇文章

订阅专栏

本文介绍如何根据用户访问的网址动态设置网页中的链接显示下划线，通过JavaScript实现URL检测并应用样式。

根据当前的网址，来设定某些内容的格式，比如下面根据用户访问的网址不同，设置对应的链接显示下划线。

<head>
<style>
.under{border-bottom:solid 2px;}
</style>
</head>

<script>
window.onload = function()
{
	if(document.URL == "http://localhost/")
	{
	atr = document.createAttribute("class");
	atr.value = "under";
	pp.setAttributeNode(atr);
	}
	console.log(document.URL);
}
</script>

<p id="pp">test</p>

<完>