javascript - 环境通过使用 javascript 的对话框标记属性（颜色和大小）

Question

我正在寻找信息以通过使用 javascript 的对话框设置 hr 标记的颜色和大小。可能吗？

Answer 1

当然，分配id给这个标签来操纵 css 和 javascript。下面的例子没有经过测试（我只是在这里写的），但给了你整个画面。将所有代码复制粘贴到 HTML 文件中，保存并运行它

<div>
<a onClick="JavaScript: functionBlue()">make blue</a> <br>
<a onClick="JavaScript: functionRed()">make red</a>
</div>

<div id="hrBlock"><hr id="yourClass1"></div>

然后使用 css 并创建

<style>
  #yourClassRed
  {
   color:red;
  } 

  #yourClassBlue
  {
   color:blue;
  } 
</style>

等等......通过谷歌阅读CSS

完成 css 后，您可以使用 javascript 向 DIV 添加新元素。

<script>

function functionBlue(){
document.getElementById("hrBlock").innerHTML = "<hr id=\"yourClassBlue\">";
}

function functionRed(){
document.getElementById("hrBlock").innerHTML = "<hr id=\"yourClassRed\">";
}

</script>