简单的模拟网页按钮问题？

Question

<div class="mp-choice-order vm"><span>A</span></div>
<div class="com-mark-pq-single-content js-com-mark-pq-single-content active">积极情绪</div>

<div class="mp-choice-order vm"><span>A</span></div>
<div class="com-mark-pq-single-content js-com-mark-pq-single-content active">感谢/满意</div>

模拟点击这2个按钮，然后按CapsLock

模拟点击这2个按钮，然后点击

<div class="mark-button-left">
        <div id="js_submit_btn" class="button-mark button-red">提交</div>
    </div>

帮忙给出这2中模拟按键

Answer 1

第二种 模拟点击这2个按钮，然后模拟点击提交

 

function dispatch(obj) {
	var e = document.createEvent('MouseEvents');
	e.initEvent('click', true, true);
	obj.dispatchEvent(e);
}

function getEl(sel,text) {
	var arr = document.querySelectorAll(sel);
	for (var i = 0; i < arr.length; i++) {
		if (arr[i].innerText==text)
			return arr[i];
	}
}


dispatch(getEl('.com-mark-pq-single-content','积极情绪'));
dispatch(getEl('.com-mark-pq-single-content','感谢/满意'));

dispatch(document.getElementById("js_submit_btn"));