使用javascript通过对话框设置<hr />标签属性(颜色和大小)

时间:2012-12-05 06:36:21

标签: javascript plugins ckeditor

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

1 个答案:

答案 0 :(得分:0)

当然, 将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>