3

我正在使用 Telerik 报告工具创建报告，我需要在 HTML 文本框中加粗一些特定的单词。

例如，我的文本框包含以下文本：“我是 Kim，我是女孩”。我只想加粗“我”这个词，所以它会显示为“我是金，我是女孩”。我怎样才能做到这一点？

我不能只在“I”周围加上粗体标签，因为我的文本框的值是动态的，它可以在运行时改变。有没有办法使用某种“If-Statement”来设置它？就像程序将读取文本框中的每个单词，然后如果单词等于“I”则加粗。因此，如果文本框的值更改为“我喜欢它”，那么它将自动显示为“我喜欢它”。

请帮我。提前致谢。

4

1 回答 1

1

从https://stackoverflow.com/users/166491/mic尝试这个答案

你可以通过把它作为你的基础知识来得到你想要的。它工作正常。

<!DOCTYPE html>
<html lang="en">
<head>
<title>transp</title>
<style>
    div{
        position:relative;
    }
    input, span{
        top:0;
        position:absolute;
        width:120px;
    }
    span{
        top:2px;
        left:2px;
        z-index:1;
        overflow:hidden;
    }
    input{
        background:transparent;
        z-index:2;
    }
</style>
</head>
<body>
    <div>
    <input onkeyup="bold3(this)" />
        <span id="back"></span>
    </div>
<script>
function bold3(inp){
inp.style.color = 'transparent';
var span = document.getElementById('back');
span.innerHTML = 
    '<b>' + 
    inp.value.substr(0, 3) + 
    '</b>' + 
    inp.value.substr(3);
}
</script>
</body>
</html>
于 2015-02-04T03:59:06.640 回答