js获取html的具体文本，html标签分类及其属性

哎呦喂，你们好啊！今天咱们来聊一聊JS获取HTML的具体文本，以及HTML标签分类及其属性。这可是前端开发的基本功噢，小编今天一定要把它讲得明明白白，让大家能够真正掌握！

首先嘞，我们得先明白HTML的标签分类。HTML标签大致可以分为以下几类：

1. 块级元素

块级元素就是会有一个默认的Block样式，一般华丽丽的占一行，特别适合放页面主内容，如div、p、h1、ul、ol等等。

2. 内联元素

内联元素就是只占用他所包含的内容的大小，它们是出现在块级元素中的标签，如span、input、a、img等等。

3. 行内块元素

行内块元素就是像文本一样流动，但是还可以设置宽度和高度，如button、select等等。

接下来讲一下标签的属性，大家要认真听哦~

1. class和id属性

class属性和id属性可能是最常见的两个属性了，其中class可以用来给一组标签设置样式，而id则是给单个标签设置的。

2. href属性和src属性

两者都是用来引用资源的，其中href属性是用来引用网页链接的，而src属性则是用来引用图片、音乐、视频等多媒体资源的。

3. style属性

style属性可以用来单独为某一个元素设置样式，比如字体大小、颜色、背景等等。

好了好了，到这里我们已经初步了解了HTML标签的分类和属性，接下来说说JS获取HTML具体文本吧。

JS获取HTML的具体文本其实就是获取页面中某一个或某些元素的详细内容，这里提供两种方法，一种是通过document.getElementById()方法来获取，另外一种是通过document.getElementByClassName()方法来获取。

代码如下：

```

//通过getElementById方法获取

var myElement = document.getElementById("myElement");

var myElementText = myElement.innerHTML;

alert(myElementText);

//通过getElementsByClassName方法获取

var myElements = document.getElementsByClassName("myClass");

var myElementsText = "";

for(var i =0;i myElementsText += myElements[i].innerHTML + "
";

}

alert(myElementsText);

```

通过以上方法，我们就可以轻轻松松地获取到HTML页面中元素的内容啦！

好啦，今天的JS获取HTML文本及HTML标签分类和属性讲解就到这里啦！希望小编的讲解能够给大家带来帮助哦。 如果你喜欢我们三七知识分享网站的文章， 欢迎您分享或收藏知识分享网站文章 欢迎您到我们的网站逛逛喔！https://www.ynyuzhu.com/