Javascript 更改p标记中的文本

我想更改p标记中的文本，以获得（单击文本时）属性类设置的属性

以下是HTML：

<p onclick="function">Hello</p>

Javascript:

var main = function() {
$('<p>').text('.attribution');
};
$(document).ready(main);

var main=function（）{
$（“”）.text（“.attribute”）；
};
$（文件）.ready（主）；

---

谢谢大家!

好的，既然加载JQuery，为什么不使用它的方法来处理单击事件和更改css属性呢

$（“p”）。在（“单击”，函数（）{
$（this.addClass（'attribute'）；
});

顺便说一句，段落不是为了互动而设计的。虽然你可以用鼠标指针点击它们，但没有任何东西会鼓励人们这样做，因为它们不在正常的焦点列表中（因此不使用鼠标的人不能对它们进行标记），并且不会在屏幕阅读器中显示为应该点击的内容。使用适当的标记（可能是一个按钮）。
1）实际上并没有将任何回调函数挂接到onclick事件。您需要指定单击时要执行的功能。
因此：
HTML:

jQuery备选方案：

var main = function(){
    $("p").click(function(){
        $(this).addClass("attribution");
    });
}
$(document).ready(function(){
    main();
});

“内在的”？它们不是叫做“内联”吗？@Xufox-“内联”是指任何未从外部资源链接的脚本。@Quentin嘿，我试过了，但没用。这可能是因为我使用的文本编辑器[括号]可能会导致javascript无法应用？@tombros-否。文本就是文本。
<p onclick="function">Hello</p>

<p>Hello</p>

<script>
    $("p").on("click", main);
</script>

var main = function() {
$('<p>').text('.attribution');
};
$(document).ready(main);

function main() {
   $('p').addClass('attribution');
};

<p onclick="addClass(event)">Hello</p>

function addClass(evt){
        evt.target.classList.add('attribution');
    }

var main = function(){
    $("p").click(function(){
        $(this).addClass("attribution");
    });
}
$(document).ready(function(){
    main();
});