JavaScript 읽기 튜토리얼: 초보자부터 숙련자까지

// 通过id获取元素内容 var elementById = document.getElementById('element-id'); console.log(elementById.innerHTML); // 通过class获取元素内容 var elementsByClass = document.getElementsByClassName('element-class'); for (var i = 0; i < elementsByClass.length; i++) { console.log(elementsByClass[i].innerHTML); } // 通过标签名获取元素内容 var elementsByTagName = document.getElementsByTagName('div'); for (var i = 0; i < elementsByTagName.length; i++) { console.log(elementsByTagName[i].innerHTML); }

// 通过id获取输入框内容 var inputById = document.getElementById('input-id').value; console.log(inputById); // 通过class获取输入框内容（假设只有一个输入框） var inputByClass = document.getElementsByClassName('input-class')[0].value; console.log(inputByClass); // 通过name获取输入框内容 var inputsByName = document.getElementsByName('input-name'); for (var i = 0; i < inputsByName.length; i++) { console.log(inputsByName[i].value); }

// 获取URL参数函数 function getUrlParameter(name) { name = name.replace(/[[]/, '\[').replace(/[]]/, '\]'); var regex = new RegExp('[\?&]' + name + '=([^&#]*)'); var results = regex.exec(location.search); return results === null ? '' : decodeURIComponent(results[1].replace(/+/g, ' ')); } // 使用示例 var paramValue = getUrlParameter('param'); console.log(paramValue);

// 创建XMLHttpRequest对象 var xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { var data = JSON.parse(this.responseText); console.log(data); } }; // 发送请求 xhttp.open('GET', 'https://api.example.com/data', true); xhttp.send();