当在另一个窗口中onsubmit触发器时，如何在javascript中拥有css

how to have a css in javascript when onsubmit trigger in another window?

本文关键字：javascript 拥有 css 触发器 另一个 窗口 onsubmit      更新时间：2023-09-26
function welcome() {
    var Name = document.getElementById("name").value; 
    var form = "<h1>" + "HI  " + Name  + " READY YOUR REFLEXES!" + "</h1>";
    document.write(form);
    return false;
}

当onsubmit在另一个窗口中触发时，如何在javascript中拥有css？

快速：在插入的标题中添加样式的一种方法是添加一个类：

var form = "<h1 class='myclass'>HI  " + Name  + " READY YOUR REFLEXES!" + "</h1>";

然后创建一个css规则：

.myclass{color:red;}


     
    function welcome(){
      var Name = document.getElementById("name").value; 
      
      //var form = "<h1>" + "HI  " + Name  + " READY YOUR REFLEXES!" + "</h1>";
      var form = "<h1 class='myclass'>HI  " + Name  + " READY YOUR REFLEXES!" + "</h1>";
      document.getElementById("result").innerHTML=form;
      return false;    
    }
      .myclass{color:red;}
    <button type="button" onclick="welcome()" value="Welcome">Welcome</button>
      <input id="name" type="text" value="">
<div id="result"></div>

相关文章：