html怎么获取css中的属性值,从字符串HTML标签读取关键的css属性的值

需求：可以选择富文本编辑，也可以选择输入框来编辑问题答案，保存的时候选择的是什么，再次进来就展示对应页签的数据，切换页签就清空另一个，只能两选一

需求图

因为传给后端是一个字符串，编辑的时候需要再次从字符串里面拿到对应的自定义属性的值，展示在输入框中，

传给后端，直接用es6 字符串模板语法，通过对象赋值，这没什么好说的，编辑的时候从字符串里面取值，拿到对象这婶的(需要取值的已标出)：const content = '

1. 别名1 

'

拿到这个需求第一反应是用正则来匹配，无奈正则太渣了，最后从别人那得到启发，通过创建一个对象，然后通过querySelect拿到对应节点对象的值，querySelect是js对象的一个方法，而这个对象就是节点对象，我们完全可以通过原生js 对象创建一个节点对象，并不需要将它添加到页面中，就可以方便的利用js的一些原生或者其他方法，实现如下：const createDiv = document.createElement('div')

createDiv.innerHTML ='

1. 别名1

'

const target = createDiv.querySelect('#biguiyuan')

console.log(target.getAttribute('data-qaId'),target.innerText)

总结：想的太少，思想太狭隘了，多做多看多想，

附录链接：