将文本样式更改为粗体

我需要我的代码帮助，因为除了一件事以外，所有东西都可以使用。我在三个文本框中输入文本并单击按钮后，我得到一个带有文本的div，但是当我单击文本时，我只想要nummer部分得到style="bold"，而不是整个div。将文本样式更改为粗体

如果可能，最简单的方法是在不将nummer文本放入自己的元素中的情况下完成此操作？

<html> 
<head> 
    <title>Uppgift 6</title> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <script type="text/javascript"> 
     var $contact = {}; 

     $contact.List= function() { 
      this.addContact= function(namn ,efternamn, telefon) { 
       var cont= new $contact.People(namn, efternamn, telefon) 
       document.body.appendChild(cont.element); 
      }; 
     }; 

     $contact.People= function(namn, efternamn, telefon) { 
      this.fNamn= namn; 
      this.eNamn= efternamn; 
      this.tele= telefon; 
      this.element= document.createElement("div"); 
      this.element.innerHTML= namn+" "+efternamn+" "+telefon; 
      var ele= this.element; 

      this.element.addEventListener("click", function() { 
       ele.style.fontWeight="bold"; 
      }); 
     }; 

     var myList; 
     function startUp() { 
      myList= new $contact.List(); 
     } 
    </script> 
</head> 
<body onload="startUp();"> 
    <form> 
     <input type="text" id="fNamn" placeholder="Föramn"/> 
     <input type="text" id="eNamn" placeholder="Efternamn"/> 
     <input type="text" id="tele" placeholder="Nummer"/> 
     <p></p> 
     <input type="button" 
      onClick="myList.addContact(document.getElementById('fNamn').value, 
      document.getElementById('eNamn').value, 
      document.getElementById('tele').value);" 
      value="Skriv ut"/> 
    </form> 
</body> 
</html>

来源

2014-01-12 user3162932

没有办法做到这一点 - 你可以使用div元素或添加一个新的元素，它可以使用它自己的属性。没有办法改变元素中仅仅一部分文本的属性。

来源

2014-04-15 13:24:03

上传并使用只有数字为粗体的自定义字体。

来源

2016-04-28 21:29:22

将文本样式更改为粗体

回答

相关问题