在JavaScript onClick：为什么中风出现然后消失？

Question

伙计我正在使用此代码但是当我点击时，笔画会出现并直接消失：

var tag = document.getElementById("tag");
function result()
{
  $(tag.value).css('border','1px solid red');
}

---

<button id="showBtn" onclick='result()'>Show</button>

但是当我将事件类型更改为＆＃34; onmouseover＆＃34; ，中风停留并且不会消失。

Answer 1

正如jfriend00所说，你过早地调用document.getElementById。尝试：

function result() {
    $(tag).css("border", "solid 1px red");
}
var tag;
$(function() {
   tag = document.getElementById("tag"); 
});

在Thilo评论后编辑：

var tag;
$(function() {
   tag = document.getElementById("tag"); 
});

function result() {
    $("#" + tag.value).css("border", "solid 1px red");
}

假设您的HTML类似于：

<input id="tag" value="rect"></input>
<button id="showBtn" onclick='result();'>Show</button>
<div id="rect">This is a Div</div>