-5

我需要通过在以下句子中以斜体显示名称来更新代码。
我将在innerHTML 中的什么位置放置 标签?

`enter code here`
<html>
 <head>
  <title>
   Greetings
  </title>
  <meta charset="us-ascii">
 </head>
 <body>
  <h2>Greetings</h2>
  <p>
   Enter your name:
   <input type="text" id="nameBox" size=12 value="">
  </p>
  <input type="button" value="Click for Greeting"
   onclick="
    document.getElementById('outputDiv').innerHTML=
     'Hello '
     + document.getElementById('nameBox').value
     + ', welcome to my page.<br>Do you mind if I call you '
     + document.getElementById('nameBox').value
     + '?';
    ">
   <hr>
   <div id="outputDiv">
  </div>
 </body>
</html>
4

2 回答 2

1

我测试了以下代码,它应该使回复斜体。仅供参考,对输出外观的所有更改都可以使用 CSS(样式标签)来完成。此外,保持 HTML、JavaScript 和 CSS 组件相互隔离也是一个好主意。

<!DOCTYPE html>
<html>
     <head>
        <title> Greetings</title>
        <meta charset="us-ascii">
        <script type="text/javascript">
            function greeting(){
                document.getElementById('outputDiv').innerHTML=
                'Hello <span class="name">'
                + document.getElementById('nameBox').value
                + '</span>, welcome to my page.<br>Do you mind if I call you <span class="name">'
                + document.getElementById('nameBox').value
                + '</span>?';
           }
        </script>
         <style type="text/css">
            span.name{
                font-style:italic;
            }
         </style>
     </head>
     <body>
         <h2>Greetings</h2>
         <p>
            Enter your name:<input type="text" id="nameBox" size=12 value="">
         </p>  
         <input type="button" value="Click for Greeting" onclick="greeting()">
          <hr>
          <div id="outputDiv">
         </div>
     </body>
</html>
于 2012-10-17T04:08:01.400 回答
1

斜体的标签是<i>。您可以将它包裹在元素周围,使其以斜体显示。 your name is <i> unknown to us </i>

不要使用这个标签!


这适用于 (1) 需要保存每个字节的应用程序,或 (2) 需要支持像 Netscape 1.0 这样的古老浏览器的情况。
甚至电子邮件客户端也支持<em>标签或嵌入式 CSS。

更好的方法是使用<em>标签。
它的意思是“强调”。大多数浏览器以斜体显示此类文本。不同之处在于无法呈现斜体的浏览器。当遇到这样的浏览器时<i>,它会跳过标签并渲染其内容而没有效果。当它遇到<em>它时,它会通过任何可用的方式强调文本。改用粗体,更改文本颜色,插入空格...... 对于屏幕阅读器,它可能意味着“减慢 10% 并将音量增加 5%”。

现代方式是按语义标记,按 CSS 样式标记:

your name is <span class="name"> unknown to us </span>

并在一个单独的 CSS 文件中

span.name { font-style: italic; }
于 2012-10-17T04:15:13.390 回答