通过 Javascript 将 HTML 注入 div

Question

我正在尝试在 Jira 创建的 HTML 标签中获取 onclick/onfocus/onchange。该项目本身是一个下拉列表，虽然我可以专注于处理其他 ID，但我无法让它处理下拉列表

我有：

<script type ="text/javascript" >
console.log("Testing");
var colorDropDown = document.getElementById('someID');

function changeColor()
{
    //if(value)
    alert("Hello World");
}

document.getElementById("someID").innerHTML ="<onfocus=\"changeColor()\"></select>"
//document.getElementById("customfield_11901").innerHTML = "<select class=\"select cf-select\" name=\"customfield_11901\" id=\"customfield_11901\" onfocus=\"changeColor()\">"

</script>

使用innerHTML后，onfocus没有出现在页面中。我也尝试过复制整个标签并通过 HTML.

输入

我在getElementById之后使用了.onchange函数，但是还是不行。

Answer 1

我会在 jQuery:

下使用 .attr() 函数

$('#select_id').attr('onfocus', 'changeColor();');

或者您可以将 addEventListener 与纯 JS 一起使用：

object = document.getElementById('#select_id');
object.addEventListener('focus', 'changeColor();');

通过 Javascript 将 HTML 注入 div

Inject HTML into div via Javascript

html

javascript

css

jira