比如,\x0d\按钮\x0d\jquery: $("#sub")attr("class");\x0d\js: documentgetElementById("sub")attributes["class"]nodeValue;要放在body后面,不然获取不到
<script type="text/javascript">
$(document)ready(function() {
$("#select")click(function() {
var startdate = $("#startdate")datebox('getValue');
var endate = $("#enddate")datebox('getValue')
$ajax({
type: "post",
dataType: "html",
url: "/Service/WebServiceashxMethod=GetMealCalendHtml",
data: { startDate: startdate, endDate: endate },
success: function(json) {
$("#calendaPanel")empty();
$("#calendaPanel")append(json);
}
});
});
});
function Oncheck(mealdata) {
$("#" + mealdataid + " input[type=checkbox]")each(function() { consolelog(this) });
}
</script>
1、新建一个html文件,命名为testhtml。
2、在testhtml文件内,创建一个div模块,并设置其id属性为mydiv,用于下面使用js获得标签对象。
3、在testhtml文件内,在div标签内,填写一段文字,并加入一个span标签。
4、在testhtml文件内,创建一个button按钮,按钮名称为“获取html”。
5、给button绑定onclick点击事件,当按钮被点击时,执行myfun()函数。
6、在testhtml文件内,在js标签内,创建myfun()函数,在函数内,使用getElementById()方法获得div对象,通过innerHMTL属性获得div内的html内容,最后,使用alert方法将获得的html内容以d窗形式显示
7、在浏览器打开testhtml文件,点击按钮,查看获得的html标签内容。
获取点击元素的第一个兄弟元素的文本,可以有如下几种方法
先获取父元素,在获取第一个子元素
直接获取第一个兄弟元素
所有的方法用jQuery 非常好做, 原生js 代码非常繁琐。
最好不要在html中写js,样式,结构,行为要分离
下面我给出了原生js实现功能的一些代码。你试试jquery会非常简单的。
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<table>
<tr>
<td>111</td>
<td class="btn">点我</td>
</tr>
<tr>
<td>222</td>
<td class="btn">点我</td>
</tr>
</table>
</body>
</html><script>
var btn = documentquerySelectorAll("btn");
for(var i=0,l=btnlength;i<l;i++){
btn[i]onclick = function () {
var parent = thisparentNode;
var firstNode = parentchildNodes;
for(var i=0,l=firstNodelength;i<l;i++){
if(firstNode[i]nodeType === NodeELEMENT_NODE){
alert(firstNode[i]innerText);
return false;
}
}
}
}
</script>
以上就是关于如何获取html元素对象属性的值全部的内容,包括:如何获取html元素对象属性的值、ajax html 如何获取html元素、js 获取 html标签等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)