javascript - 如何通过javascript添加<span>？-6ren

javascript - 如何通过javascript添加？

转载作者：太空狗更新时间：2023-10-29 15:52:13

24

4

<分区>

Possible Duplicate:
How to use the Javascript to add/remove the CSS/colour style to the html page?

我有一个关于 HTML 和 javascript 的问题。我得到以下段落。

function add_span(){
     // ??
}

<input type="button" onclick="add_span()" value="add span"/>
<p> statement1, statement2, statement3 </p>

是否有可能在用户之后有如下结果

用鼠标选择突出显示的文本
点击按钮

例如

突出显示“statement1”，
点击按钮

预期结果:

<input tupe="button" onclick="add_span()" value"add span"/>
<p> <span class="ABC">statement1,</span> statement2, statement3 </p>

##### 更新了代码，但没有工作

// updated code in the add_span

    var selectedText;

    if (window.getSelection)
    {
        selectedText = window.getSelection();
    }
    else if (document.getSelection) // FireFox
    {
        selectedText = document.getSelection();
    }
    else if (document.selection)  // IE 6/7
    {
        selectedText = document.selection.createRange().text;
    }

    //create the DOM object
    var newSpan = document.createElement('span');
    // add the class to the 'spam'
    newSpan.setAttribute('class', 'ABC');
    document.getElementById('text').appendChild(newSpan);   
    var selectedTextNode = document.createTextNode(); 
    newSpan.appendChild(selectedTextNode);

24

4

0

文章推荐： c - 为什么当我试图找到结构指针的差异时会出现垃圾值？

文章推荐： android - 从 android 和 eclipse 发送短信

文章推荐： android - 如何在 Android 中将 LatLng 添加到 List 中？

java - 仅匹配 "somethingendofline"而不是 "something"
我有一个模式来匹配类似的东西 ... 1036 ... 但是我不想匹配 1036 因为会抓 1036 但无论如何我不想捕获双倍跨度，因为我不需要这些数据。我需要跨度和行尾之间的数据。我在跨度的末尾尝
javascript - 如何使用正则表达式匹配字符串
regular表达式

如何使用正则表达式来匹配该字符串: regularexpression . 如何交换第一个跨度的内容和第二个跨度的内容。我认为可以使用jquery源码。最佳答案请务必阅读 RegEx match
javascript - 选择 auf
我正在测试一个指令，该指令会在 200 个字符后 chop 文本。它改变了这一点: 对此: long text long text long text long text long
c# - 如何使用正则表达式在和以及和之间创建任何内容的数组？
我有代码将这个字符串解析成一个字符数组: var textArray = Regex.Replace(text, @"]*|/)?>", String.Empty).Trim().ToCharA
python - 美丽汤 :
TEXT I WANT
我正在尝试使用 BeautifulSoup 提取包含在 id="titleDescription"范围内的字符串。 Customer Choice Award Winner
javascript - 如何使用 javascript 将
Hello
拆分为 Hello
如何分割Hello至 Hello使用javascript var text = "Hello"; 记住:我不知道什么包含 , 我不知道有没有属性我找到了答案! var patt=/^(.*)$/i
java - 如何将 "span " 添加到 arraylist 中的每个单词？
我有一个数组列表 ArrayList al = new ArrayList(); al.add("tree good has"); al.add("ok go by"); al.add
css - 标签和在 .css 中使用 span 有什么区别？
我有一个使用 span 的 html 文件关键字以两种不同的方式。第一个在第二个定义中 button.groovyButton span这里: button.groovyButton { b
css - CSS 的与的区别？
仍在尝试让新站点的导航控件按照我想要的方式工作。我将我的问题简化为这段代码: Test span { display: inline-block; heigh
javascript - NG-bind 不适用于 "
This is 城市。它因而闻名。
”
我是编码新手在下面的 pgm 中，任何人都可以帮我找出为什么 ng-bind 不起作用吗？提前致谢。 Angular js Welocme!Please enter valu
python - 网络抓取 python 2, 2
我必须在下面的 html 代码中提取文本内容以进行 python 网络抓取，问题是类参数，所有三个变量都具有相同的类参数，所以我尝试使用 arial-label，但它不起作用。 2， 3 Proper
javascript - 我们如何用一组单词填充一组？
如何填充一组带有一个带有循环的单词数组？如果数组包含[ "one", "two", "three" ]并被称为“wordarray” 然后我想填充跨度，使其看起来像 one two
jquery - 如何使用 css 或 jquery 覆盖 div [span in a span ] 中 span 的特定样式？
如果我们有 div 并且没有跨度，即一个跨度中的跨度，并且每个跨度都有一种颜色样式，如何使用 css 或 jquery 覆盖特定样式[颜色]..。请帮助我最佳答案你的意思是这样的吗？ red bl
html - 为什么我的 CSS 选择器 "body div span a"匹配 "
"
我以为下面的选择器只会匹配example b。有人可以向我解释一下 CSS 路径的工作原理吗？ body div span a{ background:#000; color:#fff
javascript - 使用正则表达式删除文本中的和
我正在尝试获取内可用的文本元素。我已经使用innerHTML来检索内部文本，但很少元素内部文本放置在内元素。在检索文本值时，将其获取为 sample text作为输出字符串。谁能帮我删除在输出
javascript - 动态添加一些，将内容移出容器
我应该加上“n” (显示“n”flaticon-icons)到一个div(我的页面是.php) 这是 div 这是 div_icon CSS 类 @media (max-width: 600px
python - 无法获取文本
无法获取“表格”中的跨度文本，谢谢! from bs4 import BeautifulSoup import urllib2 url1 = "url" content1 = urllib2.urlo
html - span 将相邻的 span 向下推
这个问题在这里已经有了答案: My inline-block elements are not lining up properly (5 个答案) 关闭 8 年前。 HTML $ 400 这会在同
javascript - 在另一个 span 标签内的图像底部插入 span
我正在尽力在图像中插入 span 标签标题。两者都在段落和 span 标签内。如何让 lorem ipsum 文本作为标题出现在图像的底部？？ Lorem ipsum dolor
html - 和标签之间的空格不显示
我有以下 HTML 文件。 "| Testing" 我要打印 "| Testing" , 而不是打印这个打印 "| Testing" .所有这

首页

博学

6Ren·AI

商城

javascript - 如何通过javascript添加？