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选择器的按钮没有在题目中给出，因此无法填空。

相关问题

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 个单位。您可以将 `<!-- 这里填入您的内容 -->` 替换为您想要的内容。

<view v-html="question.title"> <template v-if="item == '_'"> <view class="mpInput"> <view class="mpInput-index"> {{fillIndexes.indexOf(index)+1}} </view> <input @blur="inputChange($event,fillIndexes.indexOf(index)+1)" :disabled="activeDisabled" style="border-bottom: 1px solid;" type="text" :value="inputValue[fillIndexes.indexOf(index)]" /> </view> </template> <template v-else> {{ item }} </template> </view>

这段代码使用了 Vue.js 的 v-html 指令和条件渲染功能，实现了一个填空题的展示和答题功能。

具体来说，这段代码做了以下几件事情：

1. 使用 v-html 指令将填空题的题目渲染到页面上。其中，题目是通过 question.title 属性传递进来的，内容可能包含 HTML 标签。

2. 使用 v-if 和 v-else 指令进行条件渲染，实现了填空题中空格和文字的显示。当 item 等于 '_' 时，渲染一个输入框；否则，渲染普通文本。

3. 在输入框中，绑定了一个 blur 事件和一个 inputChange 方法。当用户输入完成后，会触发 blur 事件，然后调用 inputChange 方法进行处理。在方法中，会根据输入框的索引和输入的内容，更新 inputValue 数组中对应位置的值。

4. 在输入框中，绑定了一个 disabled 属性，用于控制输入框是否可以编辑。当 activeDisabled 为真时，输入框将会被禁用。

需要注意的是，这段代码可能存在安全风险，因为它直接将用户输入的内容插入到页面中。如果没有对用户输入进行过滤和验证，可能会导致 XSS 攻击。因此，实际应用中需要对用户输入进行严格的过滤和验证。