原生js获取dom元素内容

<!DOCTYPE html>
<html>
<body>
 
  <li>
			<h3> <a href="/corp_index/technology/lbec/information_center/pdf/news-85.pdf"><span class="newsletter-ttl">第85期【令和7月3日】</span> <span class="icon-latest">最新一期</span></a></h3>
			<dl class = "newsletter-dl-list">
				<dt> JB本州高速信息</dt>
				<dd>明石海峡大桥主缆开孔调查</dd>
                <dd> 使用TRS的U型肋钢桥面压条裂缝底面修复方法施工手册的制定</dd>
				<dt> 国内项目</dt>
				<dd>川崎港临港路东荻岛水町线主桥下部(MP3)施工</dd>
				<dt> 国际会议</dt>
				<dd> 企划部总经理今井 2020 IABMAS SENIOR PRIZE Award </dd>
                <dd> 与Storebelt召开技术合作交流会</dd>
				<dt>点击此处了解详情</dt>
				<dd> <a href="/corp_index/technology/lbec/information_center/pdf/news-85.pdf" class="icon-arrow-blue">   No.85 [PDF] </a> </ dd >
			</dl>
		</li>
		
        <!-No. 84->
		<li>
			<h3> <a href="/corp_index/technology/lbec/information_center/pdf/news-84.pdf"><span class="newsletter-ttl">第84号【令和3年4月】</span> </a> </ h3>
			<dl class = "newsletter-dl-list">
				<dt> JB本州高速信息</dt>
				<dd>利用AI技术的衣架绳诊断成像技术</dd>
				<dt> 国内项目</dt>
				<dd>气仙沼湾跨海大桥竣工(宫城县重建道路于令和第3年3月6日开通)</dd>
				<dd>磐城大桥建设现状</dd>
				<dt> 海外项目</dt>
				<dd> 土耳其奥斯曼加齐桥主动质量阻尼器性能确认试验进行</dd>
				<dt>点击此处了解详情</dt>
				<dd> <a href="/corp_index/technology/lbec/information_center/pdf/news-84.pdf" class="icon-arrow-blue">   No.84 [PDF] </a> </ dd >
			</dl>
		</li> 
<script> 
var items=document.getElementsByClassName('newsletter-dl-list') 
for(var i=0;i<items.length;i++){ 
  s2=items.item(i).getElementsByTagName("dd")[0].innerHTML
  s3=items.item(i).getElementsByTagName("a")[0].innerHTML 
  console.log(s2+'\n'+s3, "\n") 
 }
</script>
</body>
</html>

输出结果如下:
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值