JavaScript入门

//获取dom元素var $ = function (id) { return document.getElementById(id);}

//输出htmlvar writeHtml = function (str) { document.write(str);}

//更新元素HTML内容var updateHtml = function(id,html){　　$(id).innerHTML = html;}

//更新元素文本内容var updateText = function(id,text){　　$(id).innerText = text;}

//输出段落var writeP = function (content) { writeHtml("<p>" + content + "</p>");}

//输出表格（行，列）var writeTable = function (row, col) { writeHtml("<table border=1>") for (var i = 0; i < row; i++) { writeHtml("<tr>"); for (var j = 0; j < col; j++) { writeHtml("<td>" + (i + 1).toString() + "行" + (j + 1).toString() + "列</td>") } writeHtml("</tr>"); } writeHtml("</table>");}

//获取当前系统时间var getDateString = function () { return new Date().toLocaleString();}

//改变背景颜色var setColor = function (o, color) { o.style.backgroundColor = color;}

//输出列表var writeList = function (arr) { writeHtml("<ul>"); for (var i = 0; i < arr.length; i++) { writeHtml('<li>' + arr[i] + '</li>'); } writeHtml("</ul");}

//输出下拉框var writeSelectList = function (arr) { writeHtml("<select>"); for (var i = 0; i < arr.length; i++) { writeHtml('<option>' + arr[i] + '</option>') } writeHtml("</select>");}

转载于:https://www.cnblogs.com/cyyly/p/7080139.html

相关资源：《JavaScript入门经典》 扫描版pdf书 配套代码