JS操作标签
获取标签对象:
标签id:
var sel = document.getElementById('application');
标签name:
var sel = document.getElementsByTagName('select')
标签class:
var sel = document.getElementsByClassName('select')
操作标签:值,属性
获取值:
var sel = document.getElementById('application');
console.log(sel .value)
获取属性:
sel.getAttribute("属性")
设置属性
sel.setAttribute("selected","selected")
获取文本:
//获取div的文本内容
var tag=document.getElementById('div')
var content=tag.innerText
console.log(content)
将标签添加到另一标签中
tr.appendChild(td); //将新创建的td标签插到tr标签中
案例:
<input id="inp" style="display:none" type="text" value="{{ obj.application }}">
<a class="list-group-item">
应用:<select name="application" id="application" class="list-group-item">
{% for prod in prod_objs %}
<option value="{{ prod.eng_name }}">{{ prod.name }}</option>
{% endfor %}
</select>
</a>
<script>
var sel = document.getElementById('application');
console.log(sel);
var app = document.getElementById('inp');
console.log(app);
var opt = sel.options;
console.log(opt);
for(var i=0;i<opt.length;i++){
// var cc=c[i].value;//获取value
if (opt[i].value == app.value){
opt[i].setAttribute("selected","selected") // 添加selected属性
}
// var cc=c[i].text;//获取option之间的text
}
</script>
结果:
JQ 操作
https://www.cnblogs.com/zgf-666/p/9164719.html
https://blog.csdn.net/weixin_30569153/article/details/98767148