大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
对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、标签页创建成功。