26. (填空题, 3.4分) 使用多种方法获得HTML标记的引用 <div id="div1">第一个DIV</div> <tex><r</tex> <div id="div2" class="setc" style="color:red">第二个 <span name="sp">第一个SAPN</span> <tex><</tex> <span name="sp" class="setc" style="color:red">第二个SAPN</span> <tex>SAPP</tex> <p> 段落 1</p><p> 段落 2</p> <tex><j</tex> <tex>^{2}</tex> <button onclick="useld()">使用id属性</button> <button onclick="useName()">使用name属性</button> <button onclick="useTag()">使用标记名</button> <button onclick="useClass()">使用CSS类</button> <button onclick="useSelector()">使用CSS选择器</button> <script> function useld() { var div1 = document._(1) div1.innerHTML = 'div1' function useName() { var sp1 = document_(2) [0] sp1.innerHTML = 'span1' function useTag() { var ps = document._(3) ps[0].innerHTML = '第一个段落' ps[1] (.innerHTML = '第二个段落' } function useClass() ( var setc = document._(4) setc[0]. = 'blue' setc[1].style.color = 'green' } 26. (填空题, 3.4分) 使用多种方法获得HTML标记的引用 <div id="div1">第一个DIV</div> <tex><r</tex> <div id="div2" class="setc" style="color:red">第二个 <span name="sp">第一个SAPN</span> <tex><</tex> <span name="sp" class="setc" style="color:red">第二个SAPN</span> <tex>SAPP</tex> <p> 段落 1</p><p> 段落 2</p> <tex><j</tex> <tex>^{2}</tex> <button onclick="useld()">使用id属性</button> <button onclick="useName()">使用name属性</button> <button onclick="useTag()">使用标记名</button> <button onclick="useClass()">使用CSS类</button> <button onclick="useSelector()">使用CSS选择器</button> <script> function useld() { var div1 = document._(1) div1.innerHTML = 'div1' function useName() { var sp1 = document_(2) [0] sp1.innerHTML = 'span1' function useTag() { var ps = document._(3) ps[0].innerHTML = '第一个段落' ps[1] (.innerHTML = '第二个段落' } function useClass() ( var setc = document._(4) setc[0]. = 'blue' setc[1].style.color = 'green' )

function useld() {
  var div1 = document.getElementById("div1");
  div1.innerHTML = 'div1';
}
function useName() {
  var sp1 = document.getElementsByName("sp")[0];
  sp1.innerHTML = 'span1';
}
function useTag() {
  var ps = document.getElementsByTagName("p");
  ps[0].innerHTML = '第一个段落';
  ps[1].innerHTML = '第二个段落';
}
function useClass() {
  var setc = document.getElementsByClassName("setc");
  setc[0].style.color = 'blue';
  setc[1].style.color = 'green';
}

注：使用CSS选择器的按钮没有在题目中给出，因此无法填空。

相关问题

``` <!--填空8：绑定事件--> <div :class="style"> 注册成功 </div> ```利用vue3

在Vue 3中，`:class`是v-bind:class的简写形式，它用于动态地将一个对象的属性名映射到元素的CSS类名上。`<div :class="style">`这一部分的意思是将`style`对象的属性作为CSS类添加到这个`div`元素上。如果`style`对象的某个属性值为真（非空、非false），对应的CSS类就会被应用到`div`上。

例如，假设`style`对象定义如下：

export default {
  data() {
    return {
      style: {
        success: true, // 如果成功标志为true，则显示'success'类
        error: false, // 否则不显示'error'类
      },
    };
  },
};

在这个例子中，当`注册成功`时，`success`字段为真，所以`div`会被加上`success`这个类，显示出相应的样式。

要绑定事件，你可能还需要配合使用`on`或`@`符号来监听某个事件。比如点击事件：

<!-- 假设style对象也有一个名为'click'的布尔属性 -->
<div :class="style" @click="handleClick">

然后在你的Vue实例中定义`handleClick`方法：

methods: {
  handleClick() {
    this.style.click = !this.style.click; // 反转click的状态，以便切换样式
  },
}

这会让`div`在每次点击时切换`click`类，从而改变其呈现的样式。

bootstrap中 <div class="col-6 (5) p-5">卡片，里面填空怎么填

在 Bootstrap 的 Grid System 中，`.col-*` 类用于创建列，其中的 `*` 表示列所占的宽度，取值为 1 到 12。例如，`.col-6` 表示该列占据父容器的一半宽度。

而在卡片中，我们可以使用 `.card` 类来创建一个卡片，卡片中的内容可以放在 `.card-body` 类中。

因此，如果您想在一个卡片中创建一个占据父容器一半宽度的列，可以使用以下代码：

<div class="card">
  <div class="card-body">
    <div class="row">
      <div class="col-6 p-5">
        <!-- 这里填入您的内容 -->
      </div>
    </div>
  </div>
</div>

其中，`.row` 类用于创建一个行，`.col-6` 类用于创建一个占据父容器一半宽度的列，`.p-5` 类用于设置该列的内边距为 5 个单位。您可以将 `<!-- 这里填入您的内容 -->` 替换为您想要的内容。