JS怎么在页面的head里面添加一个新的link,并且在页面源代码里能看见。

siege • 2023-4-11 • IT百科 • 阅读 17

添加新link可行，但是在源代码里可见就不行了。因为页面加载完毕. html就不会变化了不管用js怎么改源代码不会变。要想修改只能通过后端程序改。

添加新link就用楼上的head.appendChild()。

<!doctype html>

<html>

<head>

<title>creat a link</title>

onload = function(){

var link = document.createElement('link')

link.setAttribute('type','text/css')

link.setAttribute('rel','stylesheet')

link.setAttribute('href','https://cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css')

document.head.appendChild(link)

}

</script>

</head>

<body>

<p class="text-primary">这是一段话，样式是动态创建的引用bootstrap的样式</p>

</body>

</html>

欢迎分享，转载请注明来源：内存溢出

源代码添加页面样式可行

打赏

微信扫一扫

支付宝扫一扫

上一篇 2023-04-11

下一篇 2023-04-11

登录后才能评论