获取该元素的第一个子节点_js获取某元素下第一个子元素的标签名

js: document.getElementById(‘id’).firstChild.tagName;

jQuery: $(‘#id’).children().first().prop(“tagName”);

示例：

//点击span等标签里面的内容后变成可编辑的输入框

function edit(obj, name, id) {

var that = $(obj);

//var tag = obj.firstChild.tagName;

var tag = that.children().first().prop("tagName");

if (typeof(tag) != "undefined" && tag.toLowerCase() == "input") {

return ;

}

//保存原有内容

var org = that.html();

var val = that.text();

var txt = $("");

txt.val(val);

that.html(txt);

txt.focus();

txt.blur(function() {

var new_val = $(this).val();

if (new_val != val && new_val.length > 0) {

$.ajax({

url: 'url',

type: 'post',

data: 'data',

success: function() {

that.html(new_val);

}

});

} else {

that.html(org);

}

})

}

转载时请注明出处及相应链接，本文永久地址：https://blog.yayuanzi.com/2023.html

微信打赏

支付宝打赏

感谢您对作者terry的打赏，我们会更加努力！    如果您想成为作者，请点我