外部引入工具JS文件：

/*
* 根據(jù)id屬性的值，返回對(duì)應(yīng)的標(biāo)簽元素
* */
function my$(id) {
  return document.getElementById(id);
};
 
// 設(shè)置任意標(biāo)簽中的文本內(nèi)容
function setInnerText(element, text) {
  // 判斷瀏覽器是否支持這個(gè)屬性
  if (typeof element.textContent == "undefined") {//不支持
    element.innerText = text;
  } else {//支持
    element.textContent = text;
  }
};
 
// 獲取任意標(biāo)簽中的文本內(nèi)容
function getInnerText(element) {
  if (typeof element.textContent == "undefined") {
    return element.innerText;
  } else {
    return element.textContent;
  }
};
 
//獲取任意一個(gè)父級(jí)元素的第一個(gè)子級(jí)元素
function getFirstElementChild(element) {
  if (element.firstElementChild) {//IE8支持
    return element.firstElementChild;
  } else {//IE8不支持
    var node = element.firstChild;
    while (node && node.nodeType != 1) {//不是標(biāo)簽
      node = node.nextSibling;
    }
    return node;
  }
}
 
//獲取任意一個(gè)父級(jí)元素的最后一個(gè)子級(jí)元素
function getLastElementChild(element) {
  if (element.lastElementChild) {
    return element.lastElementChild;
  } else {
    var node = element.lastChild;
    while (node && node.nodeType != 1) {
      node.previousSibling;
    }
    return node;
  }
}
 
//為任意元素綁定任意的事件。（元素，事件類型，處理函數(shù)）
function addEventListener(element, type, fn) {
  //判斷瀏覽器是否支持這個(gè)方法
  if (element.addEventListener) {
    element.addEventListener(type, fn, false)
  } else if (element.attachEvent) {
    element.attachEvent("on" + type, fn)
  } else {
    element["on" + type] = fn;
  }
}
 
//為任意元素解綁事件
function removeEventListener(element, type, fnName) {
  if (element.removeEventListener) {
    element.removeEventListener(type, fnName, false);
  } else if (element.detachEvent) {
    element.detachEvent("on" + type, fnName);
  } else {
    element["on" + type] = null;
  }
}

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“JS如何實(shí)現(xiàn)百度搜索框關(guān)鍵字推薦”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!