关于js无法设置input的value的问题

html内容来自：

<script type="text/html" id="theTemplate">
    <input id="input_id" type="text" />初始化html内容就放在这个script标签里面的
</script>

 

页面加载完成后把script标签里面的html内容取出来append到body里面，然后执行以下代码

var numElem    = document.getElementById('input_id');//此处是能找到input的dom元素节点的，但是可能和普通正常的dom元素节点是不一样的
        numElem.value = "aa";//这里你会发现无论你怎么设置它的value在页面上都不会发生变化
        console.log(numElem.value);//更奇怪的是这里你会发现会输出"aa"就是你上一步设置过的value，然而页面上并不会显示出来

使用的chrome浏览器做的测试，其他浏览器没试过，这种怪异现象应该是由于html内容是由script标签导出造成的，不知道算不算浏览器的bug