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

使用javascript通过对话框设置标签属性(颜色和大小),javascript,plugins,ckeditor,Javascript,Plugins,Ckeditor,我正在通过一个使用javascript的对话框寻找设置hr标记颜色和大小的信息。可能吗 当然, 将id分配给此标记以操作css和javascript。下面的例子并不是我刚刚在这里写的,而是给了你整个画面。将所有代码复制粘贴到HTML文件中,保存并运行它 <div> <a onClick="JavaScript: functionBlue()">make blue</a> <br> <a onClick="JavaScript: functio

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

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

这个答案只对一个HR有效,它强制一个换行DIV,它没有考虑到问题是如何在CKEditor中进行换行,而是用一个新的HR替换整个HR,而不是使用类来切换状态。我想,如果有人试图使用它,他将不得不斗争相当长的时间,以获得一些工作出来。另外,当您编写onClick属性时,您不必指定JavaScript:@AlfonsoML,也许您很聪明很酷,但并非每个人都是这样。人们需要慢慢地开始学习,现在这些元素被另一个元素所取代。当他们了解到这一点时,他们可以继续处理更复杂的事情。我错过了CKEditor部分,我对它不熟悉,但我认为它在结构上与任何其他脚本都没有太大区别。你似乎也错过了他说他想设置一些属性,而不是替换整个元素的部分。只需使用.className=blue和.className=red,您的答案对于刚起步的人来说就会更好、更容易理解。