HTML面试

Posted 2021-04-04 议当下

1.通过js取值赋值

    闭合标签用innerhtml，非闭合的用value。

    非闭合标签取赋值都是标签里面的value值

    innerHTML不识别标签

    innerText不识别标签

    document.getElementById("btn1")

2.通过jq取值赋值

    $("#id")根据ID

    $(".类名")根据类名

    $("标签名")

    $("*")所有标签

        如果后面跟上.css（）那么就是为该标签添加样式

 原生js： 

            设置：标签.属性名 = 属性值

            获取：var 变量 = 标签.属性名

            

        DOM：

            设置：标签.setAttribute("属性名","属性值")

            获取：标签.getAttribute('属性名')

            可以获取自定义属性

        jq：

            设置：$(选择器).attr(属性名,属性值)    

            获取：$(选择器).attr(属性名)

            删除：$(选择器).removeAttr(属性名)

            设置：$(选择器).prop(属性名,属性值)    

            获取：$(选择器).prop(属性名)

            删除：$(选择器).removeProp(属性名)

3.js和jq的隐藏与显示

    display：none 不占位隐藏

    display：block 显示该元素为块元素，独占一行

    display：inline-block 内联元素。与相邻的内联元素在一行

    visibility ：hidden 占位隐藏

4.相对、绝对、固定 定位

    相对定位：position: relative;首先他会出现在他所在的位置，然后通过设置，让这个元素“相对于”它的起始点移动。无论是否进行移动，元素仍占据原来的空间。

   绝对定位：position：absolute；位置将依据浏览器左上角的0点计算，不占空间，它相对于最近的祖先元素。如果元素没有已定位的祖先元素，那么他的位置相对于最初的包含块。

    包含块：<div><p><strong></strong></p></div>p标签包含strong标签。div标签包含p标签

   固定定位：position: fixed; 以浏览器窗口作为参考定位，浮动在页面中，元素位置不会以浏览器滚动条滚动而变化。例如网页两边的条幅广告。

5.css的选择器

    1.标签选择器：即html中标签写做:

                                                         p{color:#ffffff}

                                                        <p>自我介绍</p>

     2.类选择器：.+标签里面的class的名字

                                                         .content{color:#ffffff}

                                                        <p class=“content”>自我介绍</p>

    3.ID选择器：#+标签里面的ID的值

                                                        #content{color:#ffffff}

                                                        <p class=“content”>自我介绍</p>

6.内外边距以及文字居中，文字在div的正中间

    margin 外边距 

                                                   上外  右外 下外 左外

                            例：margin ：10px 5px 15px 20px

                                                   上外  右外和左外       下外 

                            例：margin ：10px       5px             15px

                                                   上下外边距          左右外边距

                            例：margin ：10px                 5px

                                                上下左右外边距       

                            例：margin ：10px   

  padding内边距：元素的内边距在边框和内容区之间，类似文字到div的距离。遵循外边距的上右下左。

• padding-top

• padding-right

• padding-bottom

• padding-left

   文字居中：<div style="height: 300px; width: 300px;background-color: bisque; text-align: center;>dsadasdas </div>

 文字在div的正中间：<div style="height: 300px; width: 300px;background-color: bisque; text-align: center;line-height: 300px;" >dsadasdas </div>