通用js模拟输入操作

   function keybordInputText(o,v){                                   
      let evt_input = document.createEvent('HTMLEvents');
      let evt_change = document.createEvent('HTMLEvents');
      evt_input.initEvent('input', true, true);
      evt_change.initEvent('change', true, true);
      o.focus();
      o.value = v;
      o.dispatchEvent(evt_input);
      o.dispatchEvent(evt_change);
   }

通用js元素查找定位操作

document.querySelector("#name");//获取文档中 id="name" 的元素
document.querySelector('p');//获取文档中第一个 <p> 元素
document.querySelector('.cyancolor');//获取文档中 class="cyancolor" 的第一个元素
document.querySelector('p.cyancolor');//获取文档中 class="cyancolor" 的第一个 <p> 元素
document.querySelector('a[target]');//获取文档中有 "target" 属性的第一个 <a> 元素
document.querySelector('[p=\'target\']');//获取文档中有 p="target" 属性的第一个元素
document.querySelector('p>p');//获取文档中的第一个 <p> 元素的第一个子 <p> 元素
document.querySelector('a[p=\'target\']');//获取文档中有 p="target" 属性的第一个 <a> 元素
document.querySelector('div.cyan.border-s a[p=\'target\']');//获取文档中有 div class="cyan border-s" 中有 p="target" 属性的的第一个 <a> 元素