jquery和js把一个标签的文本值赋给另一个标签

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)(获取到的结果是一个数组)
 

猜你喜欢

转载自blog.csdn.net/baidu_39043816/article/details/108603483