Question

纯JS 批量修改 链接 href？

<ul class="nkzkt">
<li><a name="网址/wan2gzhi1/" href="#" title="《十几减9》" >《20以内退位减法》单元-《十几减9》</a></li>
<li><a name="网址/wan3gzhi2/" href="#" title="《十几减9》" >《20以内退位减法》单元-《十几减9》</a></li>
<li><a name="网址/w4angzhi3/" href="#" title="《20以内退位减法》单元1" >《20以内退位减法》单元1</a></li>
<li><a name="网址/wa2ngTzhi/" href="#" title="第二课时练习课" >《20以内退位减法》第二课时练习课</a></li>
</ul>

class 换成ID 形式，兼容要高一些。

纯 js 修改，JQ很简单，但是JS 有难度，找了很久没找到好的答案，你的答案会帮助很多人的，我的方法目前还有BUG，所以暂时不展示出来，希望您的优质答案，帮助更多的人。

Answer 1

最终效果：

一、首先获取需要修改href链接的所有a标签：

var lis = document.querySelectorAll('.nkzkt li a');

二、将获取到的a标签进行遍历操作(个人考虑到两种情况)：

// 1、假如上述代码name的值不是链接，需自己定义：

lis[i].href = "test"+i+".html";

// 2、假如上述代码name的值是链接

lis[i].href = lis[i].name;

三：最终代码如下贴图：