jquery
<div class="on"><a href="javascript:;"> project </a></div>
<div class="on2"></div>
$(function(){
a=$(".on").find("a").text();
$(".on2").text(a);
})
javascript
注意:getElementsByClassName() 方法返回文档中所有指定类名的元素集合(数组),可通过节点列表中的节点索引号来获取;
<div class="on"><a href="javascript:;" name="kk"> project </a></div>
<div class="on2"></div>
<p id="p1">这是现在的标题</p>
<p id="p2">这是标题</p>
<script>
window.onload=function(){
a=document.getElementById("p1").innerText;//id
document.getElementById("p2").innerHTML=a;
b =document.getElementsByClassName("on")[0].innerHTML;//类名
//或者
b =document.getElementsByTagName("a")[0].innerHTML;//标签
//或者
b =document.getElementsByName("kk")[0].innerHTML;//name属性
document.getElementsByClassName("on2")[0].innerHTML=b;
}
</script>
扩展:
原生js获取元素的6种方法
- 通过ID获取(getElementById)(获取到一个元素)
- 通过name属性(getElementsByName)(获取到的结果是一个数组)
- 通过标签名(getElementsByTagName)(获取到的结果是一个数组)
- 通过类名(getElementsByClassName)(获取到的结果是一个数组)
- 通过选择器获取一个元素(querySelector)(获取到一个元素)
- 通过选择器获取一组元素(querySelectorAll)(获取到的结果是一个数组)