http://runjs.cn/detail/vrvjkcu5 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>批量添加title和alt属性 </title> <style type="text/css"> h1,h2{color:#666;} button{ border:1px solid #ccc; cursor:pointer; display:block; margin:auto; position:relative; top:-100px; display:inline-block; } textarea {height:200px;width:200px;display:inline-block;} </style> </head> <body> <h1> 本工具会批量给html中没有title属性的a标签添加title属性，给没有alt和title的img标签，分别添加alt和title属性。 </h1> <h2> 只需把你的html源代码复制在第一个文本域中，点击转换按钮，即可在第二个文本域中得到添加后的html。 </h2> <textarea id="t1"></textarea> <button onclick="addname();">转换</button> <textarea id="t2"></textarea> </body> <script src="http://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script> <script type="text/javascript"> function addname(){ var content = $("#t1").val(); var regex = /<img.*?>/gi; var result = content.match(regex); var num1 = 0; var num2 = 0; if (null == result || 0 == result.length) { //return false; } else { //匹配出img标签 for (var i = 0; i < result.length; ++i) { var str = result[i].indexOf("alt="); var str2 = result[i].indexOf("title=") if (str < 0) { var tmp = result[i]; result[i] = result[i].replace("<img", '<img alt=""'); content = content.replace(tmp, result[i]); num1++; } if (str2 < 0) { var tmp2 = result[i]; result[i] = result[i].replace("<img", '<img title=""'); content = content.replace(tmp2, result[i]); num2++ } } }; var num3 = 0; var regex2 = /<a.*?>/gi; var result2 = content.match(regex2); if (null == result2 || 0 == result2.length) { //return false; } else { //匹配出img标签 for (var i = 0; i < result2.length; ++i) { var str3 = result2[i].indexOf("title=") if (str3 < 0) { var tmp3 = result2[i]; result2[i] = result2[i].replace(">", ' title="">'); content = content.replace(tmp3, result2[i]); num3++; } } }; alert('共有' + num1 + '个图片被添加alt属性，' + num2 + '个图片被添加title属性，' + num3 + '个链接被添加title属性！'); $("#t2").val(content); }; </script> </html> 提示：你可以先修改部分代码再运行。 转载请注明：有爱前端 » 批量添加title和alt属性 喜欢 (2)or分享 (0)
