189 8069 5689
对DOM节点进行操作之前，首先要获取DOM节点。获取DOM节点的方法有很多，可以根据 id属性 、 标签名称 获取。
专注于为中小企业提供成都网站建设、网站制作服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业夹江免费做网站提供优质的服务。我们立足成都，凝聚了一批互联网行业人才，有力地推动了上千多家企业的稳健成长，帮助中小企业通过网站建设实现规模扩充和转变。
getElementById( )方法
根据HTML标签的id属性来获取DOM节点请使用 getElementById( ) 方法。该方法返回一个节点对象。
语法：document.getElementById(id) 其中，id 为HTML标签的 id 属性。
例如，获得id="demo"的节点的语句为：document.getElementById("demo");
getElementsByTagName( )方法
根据HTML标签名称来获取DOM节点请使用 getElementsByTagName( ) 方法。该方法将得到的元素节点作为一个数组返回。
语法：nodeObject.getElementsByTagName(tagName)
其中，nodeObject 为元素节点，tagName 为HTML标签的名称。
注意：getElementsByTagName() 方法既可以查找整个 HTML 文档中的所有节点，也可以查找某个节点的子节点，使用时必须要指定查找范围，即指明 nodeObject 。
例如，获得HTML文档中所有的div标签：
document.getElementsByTagName("div");
获得id=”demo”的标签内部的所有div标签：
document.getElementById("demo").getElementsByTagName("div");
到我自己做blog，也只是和一般用户一样使用wordpress本身的功能，没有进行wordpress编程。比较遗憾，哈哈。今天解决的问题是：wordpress的tag cloud，是不会显示所有的tags的。其实也不应该显示所有的tags，因为在边栏里，你显示所有的tags的话，势必让页面变得非常难看。而我们有的时候又希望查找一些文章比较少的tag，这个时候就很麻烦了。我今天创建了一个页面，来显示所有的tags。首先我们需要了解，在文章或者页面里显示出所有的tags，需要编写一点PHP代码。而普通用户是不能直接在文章里编写代码的，那么我们有两个选择，第一是使用第三方的插件，比如：Exec-PHP，当然还有其他很多，大家有兴趣可以自己查下；第二个方法比较复杂，就是创建一个模板，然后在模板里写入我们希望的代码，然后在页面上应用这个模板，就OK了。这里我比较推荐第二种方法，因为在你用wordpress的过程中，其实并不是有很多情况是需要使用代码的，而装插件是个永久的事情，装了，然后这个插件会一直显示，比较臃肿。而且从安全的角度来说，这种功能不存在也更安全。好，这里我们就介绍下第二种方法。首先我们需要创建一个tamplate，如何创建呢，这个需要我们打开文本文件编辑器，将下面的代码贴到编辑器里，并命名这个文件为：template-alltags.php，然后把这个文件上传到你当前启用的theme的文件夹下。Source code ?php/** * Template Name: All Tags * * A custom page template with all tags displayed. * * @package WordPress */ get_header();? div id="alltags" class="post type-post status-publish format-standard hentry category-entertainment tag-acg tag-entertainment tag-game clearfix post nodate" div style="margin-left: 15px;" ?php/** * Display all tags. */$args=array('number'=0,'format'='list',); wp_tag_cloud($args);? /div /div ?php get_footer();?最上面那段注释很重要，特别是Template Name: All Tags这句。只有这句话存在，theme才会把这个文件作为template处理，你在创建页面的时候才能看得到这个template。这里我们使用了wp_tag_cloud这个函数，并给它参数number为0，表示显示所有tags；参数format为list，表示tag cloud是以列表样式显示。而包住这个函数的两个div则是页面样式显示的需要，根据不同的theme读者可以自行调整来符合自己的theme的样式。OK，接下来我们进入控制台，选择页面 》新建页面，在标题栏上填写“标签页”，内容部分则完全不用填。就完成啦。
第一步：安装插件；
首先我们要安装并启用“Tabs Shortcode and Widget”插件。该插件安装启用后直接可以使用，不需任何设置。
第二步：设置标签页；
新建文章或页面，或者是编辑现有文章或页面，在编辑栏上方你会发现多了一个按钮；鼠标点击该按钮就会出现Tabs Layout选项；如下图：
点击Tabs Layout选项进入Tab设计界面，第一项是设置Tab的个数，在这里你可以选择满足您需求的标签页个数，第二项是选择Tab模式，这里有horizontal、vertical两种模式可供选择，之后是标签页总名称，和标签页1的名称，你还可以根据个人喜好，给标签页设置图标；最后编辑标签页内容；具体界面如下图：
第一个标签页编辑结束后，以同样的方式完成其余标签页的编辑。在整个设计的过程中，在编辑框右侧都可以看到编辑效果。编辑结束后，在编辑框最后还有一项自定义选项CSS Class。你可以根据你的个人爱后，在这里添加CSS类文件，将标签页的界面设置成你喜欢的界面。所有的标签页都设计完成后，点击对话框顶部或底部的insert按钮保存设置并发布文章或页面。这个时候打开网页，你就可以看到你的文章以标签页的形式显示。
接下来给大家介绍的是“Tabs Shortcode and Widget”插件的另一项添加标签页的功能——通过插入小工具，在主边栏添加标签页。设置过程与在文章中添加标签页相似，只是插入的位置不同。
具体步骤：
打开仪表盘，选择外观菜单下的小工具，选择添加“OTW Shortcode Widget”于主边栏。
点击添加，进入如下界面：
点击添加“Tabs Layout”进入标签页设计界面，该界面跟在文章中添加标签页的界面完全相同。按照前面编辑文章中标签页的方式编辑，结束后保存编辑并且保存小工具。现在打开之前打开过的网页，刷新，你会发现在主边栏的最下方出现了刚刚编辑好的标签页
实现方法：
1、在当前主题目录下新建一个php文件，命名为tag-cloud.php，然后将page.php中的所有代码复制到tag-cloud.php中
2、用文本编辑器打开tag-cloud.php，删除开头的所有注释(如果有的话)，即 /* 与 */ ，以及它们之间的所有内容
3、将第一个 ?php 改成
?php
/*
Template Name: Tags Cloud
*/
4、将 the_content(); 改成 wp_tag_cloud();
5、进入WordPress管理后台 - 页面 - 创建页面，标题为标签云（可以自己起名），内容不要填，右侧可以选择模板，选择 Tags Cloud 即可
6、标签页创建成功。