我们看到一道js编程题:html部分
- HTML
- CSS
- JavaScript
- Jquery
- Html5
第一,你必须弄清问题弄清问题未知数是什么?获取LI标签的title值。已知数据(指已知数、已知图形和已知事项等的统称)是什么?
- HTML
- CSS
- JavaScript
- Jquery
- Html5
第二步拟定计划如果你不能解决所提出的问题,可先解决一个与此有关的问题。你能不能想出一个更容易着手的有关问题?js代码部分:var con=document.getElementsByTagName('li'); var text=con.getAttribute('title'); document.write(text+'
');我们先求得第1个li,能不能利用上面的结论,答案是肯定的var con=document.getElementsByTagName('li')[0]; var text=con.getAttribute('title'); document.write(text+'
');求得li title='第1个li'照此推论:第3,4个li都可以解决。你能不能想出一个更普遍的问题?答案是for循环for (var i=0; i< con.length;i++){}写入其中即可:var con=document.getElementsByTagName('li')for (var i=0; i< con.length;i++){ var text=con[i].getAttribute('title'); document.write(text+'
');} 你能否解决这个问题的一部分?仅仅保持条件的一部分而舍去其余部分,这样对于未知能确定到什么程度?它会怎样变化?你能不能从已知数据导出某些有用的东西?你能不能想出适合于确定未知数的其它数据?我们发现输出虽然li的title值,但依然没有输出,现在我们可以观察为什么会这样?原因:li[1] li[5]没有title属性,所以我们还不能确定未知,为此我们必须加入确定title值的其它条件语句,if(text!=null) { document.write(text+'
'); }所以最终获得其答案: var con=document.getElementsByTagName('li'); for (var i=0; i< con.length;i++){ var text=con[i].getAttribute('title'); if(text!=null) { document.write(text+'
'); } } 第三步:写入代码,验证输出
我这个过程是你在脑子过一遍的思路,并非是你写时的整个过程