正则表达式替换html元素属性
2016-04-28 09:43
405 查看
正则表达式替换任意html元素任意属性,或增加任意属性。
/** * 替换html中任意tag内任意attr值 * @param src_str * @param tag * @param attr * @param val * @returns {*} */ replace_html_tag_attr: function(src_str, tag, attr, val) { if(typeof src_str === 'undefined' || typeof tag === 'undefined' || typeof attr === 'undefined' || typeof val === 'undefined') { return ''; } var reg = new RegExp('<' + tag + '[^>]*(' + attr + '=[\'\"](\\w*%?)[\'\"])?[^>]*>', 'gi'); return src_str.replace(reg, function (match) { if(match.indexOf(attr) > 0) { //包含attr属性,替换attr var sub_reg = new RegExp(attr + '=[\'\"](\\w*%?)[\'\"]', 'gi'); return match.replace(sub_reg, attr +'=' + val); }else{ //不包含attr属性,添加attr return match.substr(0, tag.length + 1) + ' ' + attr + '=' + val + ' ' + match.substr(tag.length + 2, match.length); } }); }
相关文章推荐
- <html>a
- html的meta总结
- html续
- HTML解析原理
- 01-html
- HTML知识点笔记(持续添加+++++++)
- WebBasic01-HTML
- HTML--百度百科
- Uncaught SyntaxError: Failed to set the 'innerHTML' property on 'Element'
- emmet使用(HTML)
- 淡蓝风格的手机登录HTML模板
- HTML简单使用
- HTML简单使用
- HTML简单使用
- HTML——4(超链接)
- HTML编码规范
- HTML的超链接标签
- HTML——3(数据编辑与格式化)
- HTML Table Tr自动换行、宽度自适应:table-layout:fixed 属性的解说
- HTML 标签元素的 align 属性