Javascript 将文本样式更改为粗体
我需要代码方面的帮助,因为除了一件事以外,所有的东西都能工作。在三个文本框中输入文本并单击按钮后,我会得到一个带有文本的div,但当我单击文本时,我只希望Javascript 将文本样式更改为粗体,javascript,css,typography,Javascript,Css,Typography,我需要代码方面的帮助,因为除了一件事以外,所有的东西都能工作。在三个文本框中输入文本并单击按钮后,我会得到一个带有文本的div,但当我单击文本时,我只希望numer部分得到style=“bold”,而不是整个div 如果可能的话,在不将numer文本放入其自身元素的情况下,最简单的方法是什么 <html> <head> <title>Uppgift 6</title> <meta http-equiv="Content-Typ
numer
部分得到style=“bold”
,而不是整个div
如果可能的话,在不将numer
文本放入其自身元素的情况下,最简单的方法是什么
<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>
礼物6
var$contact={};
$contact.List=函数(){
this.addContact=函数(namn、efternamn、telefon){
var cont=新的$contact.People(namn、efternamn、telefon)
document.body.appendChild(cont.element);
};
};
$contact.People=功能(namn、efternamn、telefon){
这个.fNamn=namn;
this.eNamn=efternamn;
this.tele=telefon;
this.element=document.createElement(“div”);
this.element.innerHTML=namn+“”+efternamn+“”+telefon;
var ele=此元素;
this.element.addEventListener(“单击”),函数(){
ele.style.fontwweight=“bold”;
});
};
var myList;
函数启动(){
myList=new$contact.List();
}
无法做到这一点-要么使用div元素,要么添加一个具有自己属性的新元素。无法仅更改元素中一部分文本的属性。上载并使用仅数字为粗体的自定义字体