HTML怎样通过按钮把外联css替换为内嵌css?

html-css08

HTML怎样通过按钮把外联css替换为内嵌css?,第1张

在HTML中,可以使用JavaScript来更改页面的CSS样式。

一种方法是,在HTML中创建一个按钮,并为其添加一个onclick事件监听器,该事件监听器通过JavaScript来更改页面中的CSS样式。

如果你想替换外联css为内嵌css,你可以在head标签中移除外联css的link标签,然后在head标签中添加一个style标签,并在其中添加内嵌css代码。

进行批量替换的文件是无法撤销的,这个在你进行替换的时候,类似DW之类的软件都会进行提示的。

如果你是对正在打开编辑的某个文件进行替换(文件还没有关闭),倒是可以用Ctrl+Z进行撤销操作(撤销次数要看你软件参数中设置的历史步骤次数),如果你运气好,替换后的文本不存在歧义(不会替换其他不需要替换的文本),可以逆向操作重新替换回自己之前的内容。

建议以后在进行替换操作前,最好将文件备份一份放在其他地方(建议放在其他盘的目录中),这样即使出错了,也可以重新覆盖。

<link rel="stylesheet" href="1.css" type="text/css" id = "c1" />

<script>

document.getElementById("c1").href = "new.css"

</script>